title: How to get a particular sibling value
body: <p>I'm trying to get the value of the sibling with the class <code>i_search</code> when clicked. </p>
  
  <pre><code>&lt;tr&gt;                        
      &lt;td&gt;12&lt;/td&gt;
      &lt;td class="request"&gt;24&lt;/td&gt;
      &lt;td&gt;36&lt;/td&gt; 
      &lt;td&gt;&lt;a class="i_search" href="javascript:;" title="Detalle"&gt;btn&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;                        
      &lt;td&gt;6&lt;/td&gt;
      &lt;td class="request"&gt;12&lt;/td&gt;
      &lt;td&gt;18&lt;/td&gt; 
      &lt;td&gt;&lt;a class="i_search" href="javascript:;" title="Detalle"&gt;btn&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;                        
      &lt;td&gt;3&lt;/td&gt;
      &lt;td class="request"&gt;6&lt;/td&gt;
      &lt;td&gt;9&lt;/td&gt;  
      &lt;td&gt;&lt;a class="i_search" href="javascript:;" title="Detalle"&gt;btn&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>here my jQuery:</p>
  
  <pre><code>$(".i_search").on("click", function(event){
      event.preventDefault();
      var numRos = $(this).find(".request:first").val();
  });
  
  console.log(numRos);
  </code></pre>
  
  <p>But it shows <code>null</code></p>