title: Increment/decrement value of one of many similar text input with jQuery
body: <p>The fallowing table has many identical text inputs...  </p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;a href="#" id="plus"&gt;&lt;img src="plus.png" width="12" height="12" /&gt;&lt;/a&gt;
        &lt;input type="text" value="0" /&gt;
        &lt;a href="#" id="minus"&gt;&lt;img src="minus.png" width="12" height="12" /&gt;&lt;/a&gt;
      &lt;/td&gt;
      .
      .
  
      &lt;td&gt;
        &lt;a href="#" id="plus"&gt;&lt;img src="plus.png" width="12" height="12" /&gt;&lt;/a&gt;
        &lt;input type="text" value="0" /&gt;
        &lt;a href="#" id="minus"&gt;&lt;img src="minus.png" width="12" height="12" /&gt;&lt;/a&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;  
  </code></pre>
  
  <p>and the fallowing jQuery script should increment/decrement the value of its closet text input...  </p>
  
  <pre><code> $("#plus").click(function(){
     var text = $(this).next(":text");
     text.val(parseInt(text.val(), 10) + 1);
   });
  
  $("#minus").click(function(){
     var text = $(this).prev(":text");
     aux.val(parseInt(aux.val(), 10) - 1);
   });
  </code></pre>
  
  <p>the problem is that the script only works fine on the first pair of links of the table, incrementing and decrementing the value of its closest text input by one, and the rest of the remaining pairs of links don't change the value of its closest text input and whats even worse, the links propagate to the <code>home/jthernandez/Desktop/test.html#</code> url when they are clicked on.</p>
  
  <p>I'm not really sure whats going on here but the idea is that each pair of +, - links changes the value of its next(), prev() text input respectively. Any suggestions would be great. Thanks</p>