title: stop page from jumping to the top
body: <p>I have this script to append a set of input fields. It works fine and all but my problem is every time I click on the button to append which is at the middle of the page, the page jumps to the top of the page. How can I stop it from jumping to the top? Sorry, here is the append script:</p>
  
  <pre><code>var count = 0;
  $(function(){
  $('a#add_field').click(function(){
  count += 1;
  
  $('#activation').append(
               '&lt;div id="features_remove" style="float:left; width: 11%; margin-left:115px;"&gt;'
              +'&lt;label&gt;features remove&lt;/label&gt;'
              +'&lt;select id="features_remove' + count + '" name=features_remove' + count + '" class="input-medium" &gt;'
                  +'&lt;option value="" selected="&amp;nbsp;" &gt;&amp;nbsp;&lt;/option&gt;'
                  +'&lt;option value="MPP" &gt;MPP&lt;/option&gt;'
                  +'&lt;option value="50 Data" &gt;50 Data&lt;/option&gt;'
                  +'&lt;option value="Navigation" &gt;Navigation&lt;/option&gt;'
                  +'&lt;option value="Insurance" &gt;Insurance&lt;/option&gt;'
                  +'&lt;option value="Road Side Assistance" &gt;Road Side Assistance&lt;/option&gt;'
              +'&lt;/select&gt;'  
              +'&lt;/div&gt;'
               ); 
        });       
  });
  </code></pre>
  
  <p>And yes, it is a  button</p>
  
  <pre><code> &lt;a href="#" class="btn btn-mini btn-danger" id="add_field"&gt;&lt;span&gt;Add In-Store Activation&lt;/span&gt;&lt;/a&gt;
  </code></pre>