title: JQuery / Javascript - How to find the index of a table header by the header text
body: <p>What is a good way to find the index of column by it's display text?</p>
  
  <p>e.g.</p>
  
  <pre><code>&lt;table&gt;
     &lt;tr&gt;
       &lt;td&gt;ID&lt;/td&gt;
       &lt;td&gt;Name&lt;/td&gt;
       &lt;td&gt;Age&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
        ...
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I would like to have something like </p>
  
  <pre><code>var nameIndex = getColIndex('Name'); // nameIndex = 1
  </code></pre>
  
  <p>Is there a quick / good way to do it? (Doesn't have to be jQuery, but would be nice)</p>