title: clear value in an input field with jQuery
body: <p>Hi I have a number of inputs for telephone numbers, they use the same class and the same show/hide techinque. 
  I want to be able to clear the contents of the phone number in the input box, i.e. with the class name of input_tel.</p>
  
  <p>However it seems to clear all inputs which I assume is because I am using the following line; <code>input:text</code> , when I put in a class it just fails to work.</p>
  
  <p>My JS and some of my html is below or view a <a href="http://jsfiddle.net/gutigrewal/DdPmR/" rel="nofollow">jsFiddle</a>:</p>
  
  <pre><code>$(".contact_numbers").on('click', '.clearnumber', function () {
    $(this).siblings('input:text').val('');
  });
  
  &lt;div class="telephonetwo contact_numbers"&gt;
     &lt;input type="text" class="smallinput contactpagelabel" name="faxname" size="10" value="Fax"&gt;
     &lt;input type="checkbox" class="contact_no" name="showfax" value="Y"&gt;      
     &lt;input type="text" name="fax" size="30" value="016128 13456" class="input_tel"&gt;
     &lt;a href="#" class="remove"&gt;Hide&lt;/a&gt; &lt;a href="#" class="clearnumber"&gt;Clear #&lt;/a&gt;
   &lt;/div&gt;
  </code></pre>
  
  <h3>If you are viewing my JSfiddle click the reveal additional numbers for the clear button to appear.</h3>
  
  <h3>Update</h3>
  
  <p>I want to be able to clear the closest input_tel rather than all of them, as their are multiple numbers.</p>
  
  <p>Thanks in advance </p>