title: Why does my jQuery click handler appear to run multiple times for some of its targets?
body: <p>I apply:</p>
  
  <pre><code>$(".newContentLink").click(function() {
      $("#test").append("1");
  });
  </code></pre>
  
  <p>On this:</p>
  
  <pre><code>&lt;span id="contents"&gt;
  &lt;input class="newContentLink" type="submit" style="width: 100%;" value="CREATE A NEW CONTENT"/&gt;
  &lt;span id="content1" class="content study"&gt;
  &lt;/span&gt;
  &lt;input class="newContentLink" type="submit" style="width: 100%;" value="CREATE A NEW CONTENT"/&gt;
  &lt;span id="content3" class="content study"&gt;
  &lt;/span&gt;
  &lt;input class="newContentLink" type="submit" style="width: 100%;" value="CREATE A NEW CONTENT"/&gt;
  &lt;span id="content4" class="content category"&gt;
  &lt;/span&gt;
  &lt;input class="newContentLink" type="submit" style="width: 100%;" value="CREATE A NEW CONTENT"/&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>How come
  when I click on the first 2 buttons it adds 111,
  the next button adds 11,
  and the last one adds 1?</p>