title: Get particular dropdown in a div using jQuery
body: <p>I have multiple dropdown in a div. This is automatically generated. I have done that work. But i need to get the nth dropdown. Please help me to get this.</p>
  
  <pre><code>$('#show_label_categories')[1].find('select').each(function () {
  
  });
  
  &lt;div id="show_label_categories"&gt;
    &lt;select name="search_category" class="form-control parent"&gt;
      &lt;option value="-1" selected="selected"&gt;-- Select --&lt;/option&gt;
      &lt;option value="1"&gt;Tutorials&lt;/option&gt;
      &lt;option value="2"&gt;Demos&lt;/option&gt;
      &lt;option value="3"&gt;Entertainment&lt;/option&gt;
      &lt;option value="4"&gt;Real Estate&lt;/option&gt;
      &lt;option value="5"&gt;Web Development&lt;/option&gt;
      &lt;option value="6"&gt;Browsers&lt;/option&gt;
      &lt;option value="43"&gt;Laptop&lt;/option&gt;
      &lt;option value="46"&gt;1&lt;/option&gt;
    &lt;/select&gt;
    &lt;select name="search_category" class="form-control parent"&gt;
      &lt;option value="-1" selected="selected"&gt;-- Select --&lt;/option&gt;
      &lt;option value="12"&gt;PHP demos&lt;/option&gt;
      &lt;option value="13"&gt;jQuery demos&lt;/option&gt;
    &lt;/select&gt;
    &lt;select name="search_category" class="form-control parent"&gt;
      &lt;option value="-1" selected="selected"&gt;-- Select --&lt;/option&gt;
      &lt;option value="36"&gt;Good Demos&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>