$( document ).ready(function() {

$('textarea').autogrow({onInitialize: true});

$(".circle--clone--list").on("click", ".circle--clone--add", function () {
var parent = $(this).parent("li");
var copy = parent.clone();
parent.after(copy);
copy.find("input[type='text'], textarea, select").val("");
copy.find("*:first-child").focus();
updatePositions();

});

$(".circle--clone--list").on("click", "li:not(:only-child) .circle--clone--remove", function () {
var parent = $(this).parent("li");
parent.remove();
updatePositions();
});

function updatePositions() {
var listPositions = $("ul.circle--clone--list li");
listPositions.each(function (i) {

  var position_TOTAL_FORMS = $(this).find('#id_position-TOTAL_FORMS');
  position_TOTAL_FORMS.val(listPositions.length);

  var title = $(this).find("input[id*='-title']");
  title.attr("name", "position-" + i + "-title");
  title.attr("id", "id_position-" + i + "-title");

  var information = $(this).find("input[id*='-information']");
  information.attr("name", "position-" + i + "-information");
  information.attr("id", "id_position-" + i + "-information");

});
}

});

<ul class="circle--group--list circle--clone--list">
      <h3>Position Title</h3>
        {% for form in position_formset %}
            {% for hidden in form.hidden_fields %}
              {{ hidden }}
          {% endfor %}
        {{ form.errors }}
         <li>
         {{ position_formset.management_form }}
           {{ form.title }}
      <h5>Position Information</h5>
        {{ form.information }}
        <a class="circle--clone--add" id="add_position">Add Position</a>
        <a class="circle--clone--remove">Remove</a>
      </li>
    {% endfor %}
    </ul>
  </div>
</div>