{% load wagtailadmin_tags static %}
<div class="field {{ field|fieldtype }} {{ field|widgettype }} {{ field_classes }}">
  {% if show_label|default_if_none:True %}{{ field.label_tag }}{% endif %}
  <div class="field-content">
    <div class="input {{ input_classes }} ">
      {% block form_field %}
      {{ field|render_with_errors }}
      {% endblock %}
      
      {# This span only used on rare occasions by certain types of input #}
      <span></span>
    </div>
    {% if show_help_text|default_if_none:True and field.help_text %}
    <p class="help">{{ field.help_text }}</p>
    {% endif %}

    {% if field|has_unrendered_errors %}
    <p class="error-message">
      {% for error in field.errors %}
      <span>{{ error|escape }}</span>
      {% endfor %}
    </p>
    {% endif %}
  </div>
  <div class="addbutton">
    <a href="javascript:void(0);" class="button bicolor icon icon-plus">Add {{ field.name }}</a>
  </div>
</div>

<script type="text/javascript" src="{% get_static_prefix %}js/add_audio.js"></script>
<script type="text/javascript">
    $(function() {
	$(".addbutton").last().on("click", function() {
	    addAudio($(this).parent().find("input[type=text]").attr("id"));
	});
    });
</script>

{% load wagtailadmin_tags static %}
<div class="field {{ field|fieldtype }} {{ field|widgettype }} {{ field_classes }}">
  {% if show_label|default_if_none:True %}{{ field.label_tag }}{% endif %}
  <div class="field-content">
    <div class="input {{ input_classes }} ">
      {% block form_field %}
      {{ field|render_with_errors }}
      {% endblock %}
      
      {# This span only used on rare occasions by certain types of input #}
      <span></span>
    </div>
    {% if show_help_text|default_if_none:True and field.help_text %}
    <p class="help">{{ field.help_text }}</p>
    {% endif %}

    {% if field|has_unrendered_errors %}
    <p class="error-message">
      {% for error in field.errors %}
      <span>{{ error|escape }}</span>
      {% endfor %}
    </p>
    {% endif %}
  </div>
  <div class="addbutton">
    <a href="javascript:void(0);" class="button bicolor icon icon-plus">Add {{ field.name }}</a>
  </div>
</div>

<script type="text/javascript" src="{% get_static_prefix %}js/add_audio.js"></script>
<script type="text/javascript">
    $(function() {
	$(".content").off("click", ".addbutton");
	$(".content").on("click", ".addbutton", function() {
	    addAudio($(this).parent().find("input[type=text]").attr("id"));
	});
    });
</script>

Attach the audio modal only once.
Attach the audio modal only once.
