I have a jQuery function that takes the following html from a page using this:

```
//get html
var myHtml = $("#info").html()

```

Here's the html it gets:

```
    <div id="info">
        <table>
            <tr>
                <td><input type="text" name="tbAnswer" value="Feedback..." /></td>
            </tr>
        </table>
    </div>

```

I'm trying to change the name of the textbox name attribute to follow a counter. So it would look like this **name="tbAnswer1"**

I tried this:

```
$(document).on('ready', function () {
    $("info").closest("input").attr("name", "tbAnswer" + myCounter);
});

```

But it's not finding it.

Is there a way of doing this with jQuery?

Thanks!