title: List all table headers in jQuery
body: <p>How can I list all table headers in jQuery?  My HTML table is below.</p>
  
  <pre><code>&lt;table class="edit-table mobile-optimised break-words"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th scope="col"&gt;Location&lt;/th&gt;
              &lt;th scope="col"&gt;Date from/to&lt;/th&gt;
              &lt;th scope="col"&gt;Qty of&lt;br&gt;places&lt;/th&gt;
              &lt;th scope="col"&gt;Paid by £155.00 voucher&lt;br&gt;(net value)&lt;/th&gt;
              &lt;th scope="col"&gt;Paid by card&lt;br&gt;(net value)&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr class="no-records"&gt;&lt;td colspan="5"&gt;No records to display.&lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I would like to loop through each <code>&lt;th&gt;</code> and get the text value for each one.</p>