Just testing out some code snippets in jQuery, essentially the bug in my code right now rests with this segment:

HTML 

```
<div id="qi_table">
        <tr name="1">
            <td>
                <input type="text" name="qty" class="qty">
            </td>
        </tr>
        <tr name="2">
            <td>
                <input type="text" name="qty" class="qty">
            </td>
        </tr>
        <tr name="3">
            <td>
                <input type="text" name="qty" class="qty">
            </td>
        </tr>
</div>

```

JS

```
var sysID = 2;

$('#qi_table tr').eq(0).find('input[name=qty]').val( sysID );

```

I'm expecting the result to be 3 text entry fields, with the first one filled in with the number "2".

The result is that I simply get 3 empty text fields. What's going on? Am I using jQuery descendant selectors incorrectly?

Link: <http://jsfiddle.net/1nf6n0vf/1/>

Framework is set to jQuery 1.10.1