<ul class="list-group list-group-horizontal btn-group" id="booqmarqedarea" role="group">
    <li class="list-group-item">booqmarqed {{list.bookmarked.count }} times</li>
    <button class="btn btn-outline-secondary" hx-post="{% url 'booqmarqs:booqmarq_list' list.id %}" 
    id="booqmarq-button" hx-target="#booqmarqedarea" hx-swap="outerHTML">
      {% if request.user in list.bookmarked.all %}
        <img src="{% static 'images/booqmarqed.png' %}" width="auto" height="20px">
      {% else %}
        <img src="{% static 'images/booqmarq.png' %}" width="auto" height="20px">
      {% endif %}
    </button>
</ul>