How check first input in append html
<p>I would like selected after append template the first input (<strong>class is time</strong>).</p>

<p>How to do this?</p>

<pre><code>$.get('@Url.Action("Bonus")', function (template) {
                $("#bonuses").append(template);
                // I would like focused first input in template $(template).first().focus();
            });
</code></pre>

<p>html in template:</p>

<pre><code>&lt;input autocomplete="off" name="BonusList.Bonuses.Index" type="hidden" value="3c6f7b63-cc96-4971-a5b5-2e4640ca97e5" /&gt;
&lt;input class="time" id="BonusList_Bonuses_3c6f7b63-cc96-4971-a5b5-2e4640ca97e5__ID" name="BonusList.Bonuses[3c6f7b63-cc96-4971-a5b5-2e4640ca97e5].ID" type="hidden" value="0" /&gt; 
</code></pre>

<p>3c6f7b63-cc96-4971-a5b5-2e4640ca97e5 - is random GUID  </p>

<p><strong>it's important</strong> #bonuses have many input befor this append</p>
