need to fix add/remove rows of fields
<p>This "almost" works <a href="http://jsfiddle.net/RfWsy/4/" rel="nofollow">http://jsfiddle.net/RfWsy/4/</a></p>

<pre><code>$(document).ready(function() {

  function addRows(label, maxRows, minRows) {
  $('.add-' + label).live('click', function() {
    if ($("." + label + "-group").length &lt; maxRows) {

      var newrow = $('#' + label + '-template')
        .clone().removeAttr('id');

      newrow.insertAfter($(this)
        .closest('.' + label + '-group'))
        .find('.minus').show();

      newrow.find('input').val('');
      newrow.find('select').val('');

    }
  });

  $('.remove-' + label).live('click', function() {
    if ($("." + label + "-group").length &gt; minRows) {
      $(this).closest('.' + label + '-group').remove();
    }
  });
}
  addRows('hs-community-service', 3, 1);
});​
</code></pre>

<p>The user can add up to three sets of fields, then remove all but one. That works, but after removing all but one set (by clicking the first minus link at very top), try clicking the add button, you'll notice it does not add a new set of fields.</p>

<p>Any help is appreciated.</p>
