How to focus first field and select its content, when user clicked on the link?
<p>HTML:</p>

<pre><code>&lt;div class="control-group"&gt;
    &lt;label class="control-label" for="some-id-1"&gt;&lt;a href="http://example.com/some-id-1" target="_blank"&gt;Text1&lt;/a&gt;&lt;/label&gt;
    &lt;div class="controls"&gt;
        &lt;input type="text" id="some-id-1" name="some-id-1"&gt;&lt;br&gt;
        &lt;input type="text" id="some-id-11" name="some-id-11"&gt;&lt;br&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="control-group"&gt;
    &lt;label class="control-label" for="some-id-2"&gt;&lt;a href="http://example.com/some-id-2" target="_blank"&gt;Text2&lt;/a&gt;&lt;/label&gt;
    &lt;div class="controls"&gt;
        &lt;input type="text" id="some-id-2" name="some-id-2"&gt;&lt;br&gt;
        &lt;input type="text" id="some-id-22" name="some-id-22"&gt;&lt;br&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>$(".control-label a").click(function(){
   $(this).parent().next().find('input').focus();
});
</code></pre>

<p><a href="http://jsfiddle.net/and7ey/EkyCt/1/" rel="nofollow">DEMO</a></p>

<p>It select the last field in controls group. How should I select the first one?</p>
