title: JQuery get select element inside table
body: <p>I have the following table element which has a select element in its td. The table id (table1 in the example) can keep changing. So, how can I fetch the selected option using table ID in JQuery?</p>
  
  <pre><code>    &lt;table class="indexViews" id = "table1"&gt;
     &lt;tr&gt;
      &lt;td align="center", width="10%" valign="middle"&gt;&lt;/td&gt;
      &lt;td align="center", width="70%" valign="middle"&gt;
          &lt;select  id="indexViewsList" class="indexViewsListWnd" onChange="switchIndexView(this)"&gt;
              &lt;option id="0" value="0" selected="selected"&gt;Index Quick View&lt;/option&gt;
              &lt;option id="1" value="1"&gt;Identifier View&lt;/option&gt;
              &lt;option id="2" value="2"&gt;Commodity&lt;/option&gt;
          &lt;/select&gt;&lt;/td&gt;
      &lt;td align="right", width="10%" valign="middle"&gt;&lt;input class="searchIcon" type="image" src="../../images/downloadIcon.gif" alt="Submit" onClick="downloadIndexFile()"&gt;&lt;/input&gt;&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>