title: JQuery: Set focus on select when parent div is clicked
body: <p>Struggling with a problem that seems like it must have an incredibly simple solution, but I can't figure out what I am doing wrong.</p>
  
  <p>Scenario:
  I have three div's of class .subblock. One has an input(text) inside, the other two have a select. </p>
  
  <p>Goal:
  When clicked on .subblock (div), focus on the input or select in it.</p>
  
  <p>Code (that doesn't work for the selects):</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="homeinputs"&gt;
      &lt;form action="/listings/" method="GET"&gt;
  
          &lt;div class="subblock" style="border-radius: 4px 0px 0px 4px;"&gt;
          &lt;span&gt;Where&lt;/span&gt;
          &lt;input id="autocomplete" name="location" type="text" placeholder="Location"&gt;
          &lt;/div&gt;
  
          &lt;div class="subblock" style="margin-left: -4px; margin-right: -4px;"&gt;
          &lt;span&gt;M&lt;sup&gt;2&lt;/sup&gt;&lt;/span&gt;
          &lt;select name="squarems"&gt;
              &lt;option&gt;All&lt;/option&gt;
              &lt;option&gt;+10m&lt;sup&gt;2&lt;/sup&gt;&lt;/option&gt;
              &lt;option&gt;+15m&lt;sup&gt;2&lt;/sup&gt;&lt;/option&gt;
              &lt;option&gt;+20m&lt;sup&gt;2&lt;/sup&gt;&lt;/option&gt;
              &lt;option&gt;+25m&lt;sup&gt;2&lt;/sup&gt;&lt;/option&gt;                                   
              &lt;option&gt;+30m&lt;sup&gt;2&lt;/sup&gt;&lt;/option&gt;
          &lt;/select&gt;
          &lt;/div&gt;
  
          &lt;div class="subblock" style="border-radius: 0px 4px 4px 0px; box-shadow: 0px 1px 2px lightgrey;"&gt;
          &lt;span&gt;Price (&amp;euro;)&lt;/span&gt;
          &lt;select name="pricings"&gt;
              &lt;option&gt;All&lt;/option&gt;
              &lt;option&gt;450max.&lt;/option&gt;
              &lt;option&gt;500max.&lt;/option&gt;
              &lt;option&gt;550max.&lt;/option&gt;                                    
              &lt;option&gt;600max.&lt;/option&gt;
          &lt;/select&gt;
          &lt;/div&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(document).ready( function() {
  
     $('.subblock').click( function() {
         $(this).find('input').focus();
     });
  
     $('.subblock').click( function() {
         $(this).find('select').focus();
     });
  
  });
  </code></pre>