title: jQuery How to get td cell value
body: <p>I am trying to get the value of invoice number when user clicks anywhere on a row </p>
  
  <p>Below is my table</p>
  
  <pre><code>&lt;div class="panel ui-widget-content" id="invoiceList"&gt;
  &lt;h2 class="ui-widget-header ui-corner-top" style="cursor: pointer; "&gt;&lt;span&gt;Invoices&lt;/span&gt;&lt;/h2&gt;
      &lt;table cellspacing='0' id='header' class="ui-widget"&gt;
          &lt;tr&gt;
              &lt;th&gt;Invoice Number&lt;/th&gt;
               &lt;th&gt;Invoice Total&lt;/th&gt;
          &lt;/tr&gt;     
          &lt;tr&gt;
              &lt;td&gt;&lt;a href="#"  &gt;INV-Error_Test1&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;22.000000 USD&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href="#"  &gt;INV-Error_Test2&lt;/a&gt;&lt;/td&gt;
             &lt;td&gt;22.000000 USD&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>Below is the jQuery I have which gives the Invoice Number only if its clicked on <code>Invoice Number</code> field</p>
  
  <pre><code>$("#invoiceList td").click(function (e) {
  var result = $(this).text();
  console.log('invoice ---&gt;'+result);
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/5n62md3m/" rel="nofollow">http://jsfiddle.net/5n62md3m/</a></p>
  
  <p>Can someone help me get the invoice number when user clicks anywhere on the row.</p>