title: Pass js var into html block being added via appendTo
body: <p>I've got this html which i'm injecting into the page when someone clicks a button. The html gets appended again each time the button is clicked using the js below.</p>
  
  <pre><code>&lt;div style="display: none;"&gt;
      &lt;div class="grab-me"&gt;
      &lt;p&gt;This is fieldset 1&lt;/p&gt;
        &lt;input name="foo[]" /&gt;
        &lt;input name="bar[]" /&gt;
        &lt;input name="oth[]" /&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  
  var count = 1;
    $(function(){
      $('.add-member').live("click", function(e){
          e.preventDefault(e);
          count += 1;
          var grab = $('.grab-me')
                  .clone()
                  .removeClass('grab-me')
                  .appendTo('#register');
  
      });
   });
  </code></pre>
  
  <p>But what i need to do is where it says "This is fieldset 1" i need to increase that number by 1 each time so subsequent appends say This is fieldset 2, This is fieldset 3 etc etc. I can't see how i can pass a variable (my count var) in to the html block when it gets cloned that will replace that number.</p>
  
  <p>Here is a jsfiddle of it: <a href="http://jsfiddle.net/tzbgA/" rel="nofollow">http://jsfiddle.net/tzbgA/</a></p>
  
  <p>Any help would be great! Thanks!!</p>