title: How to get the value of a sibling td textbox value?
body: <p>I need the value of first td input type place holder value on last td button click, how can i get it. I am doing it following way.</p>
  
  <pre><code> $(".prodcs").click(function () {
          var qty =$(this).prevAll(':eq(2)').find('#qty').attr('placeholder').val();
          //$(this).closest('td').find('#qty').val();
          alert(qty);
      });
  </code></pre>
  
  <p>But its not working.</p>
  
  <pre><code> &lt;tr&gt;
                              &lt;td width="170"&gt;
                                  &lt;input type="text" class="form-control" placeholder="1" id="qty"&gt;
                              &lt;/td&gt;
                              &lt;td width="560"&gt;
      &lt;select name="DDL" id="DDL" class="form-control"&gt;&lt;option value="1"&gt;7''  - £10.00&lt;/option&gt;
      &lt;option value="2"&gt;14'' - £15.00&lt;/option&gt;
      &lt;option value="6"&gt;5''  - £5.00&lt;/option&gt;
      &lt;option value="7"&gt;500 M- £15.00&lt;/option&gt;
      &lt;/select&gt;                        &lt;/td&gt;
                              &lt;td width="102" align="right"&gt;
                                      &lt;a data-toggle="modal" href="#myModal" data-productid="3" id="product_3" class="btn btn-primary btn-lg popup prodcs"&gt;Customisation&lt;/a&gt;
                              &lt;/td&gt;
  
                              &lt;td width="101" align="right"&gt;
                                  &lt;button type="button" class="btn btn-default"&gt;
                                      &lt;i class="glyphicon glyphicon-shopping-cart" style="font-size: 20px; color: #666"&gt;&lt;/i&gt;
                                  &lt;/button&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
  </code></pre>