title: Set focus on dropdown by select name with variable
body: <p>I'm trying to set the focus of a dropdown using a variable in the select name=+variable+
  My alert shows the correct name of the select to focus on but the focus doesn't get set. If I use the actual name of the select instead of the variable the focus works. I've looked at several examples and tried a mix of putting in " around the name but it still won't focus. Thanks for looking.</p>
  
  <p>CSS</p>
  
  <pre><code>&lt;style&gt;
  select:focus {
     background-color: yellow;
   }
  &lt;/style&gt; 
  </code></pre>
  
  <p>JQuery</p>
  
  <pre><code>&lt;script&gt;
  
  $('input[name^=dialsetting]').click(function () {
  
        var name = $(this).attr('name');
        var headtypenum = name.replace('dialsetting', 'headtype');
  
        alert(headtypenum);
        $('select[name=+headtypenum+]').focus();
  
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;select name="headtype1"&gt;
      &lt;option id="item37_0_option" selected value="1"&gt;Choose one&lt;/option&gt;
      &lt;option id="item37_1_option" value="A3"&gt;A3&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;select name="headtype2"&gt;
      &lt;option selected value="1"&gt;Choose one&lt;/option&gt;
      &lt;option value="A4"&gt;A4&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;input name="dialsetting1" required type="number" /&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;input name="dialsetting2" required type="number" /&gt;
  </code></pre>
  
  <p>Here's my fiddle
  <a href="http://jsfiddle.net/progrower/3k4jv275/1/" rel="nofollow">http://jsfiddle.net/progrower/3k4jv275/1/</a></p>