I have a form element defined as:

<div class="field">
    <div class="name">
        <label for="User_LastName">
            Last name: <span class="asterisk">*</span></label>
    </div>
    <div class="value">
        <%= Html.TextBox("User.LastName", Model.LastName)%>
        <%= Html.ValidationMessage("User.LastName")%>
    </div>
</div>

and a jQuery selector that is supposed to detect when the input gets focus and highlight the parent:

    $("input").focus(function() {
    //watching for an event where an input form comes into focus
        $(this)
    .parent()
        .addClass("curFocus")
    .children("div")
        .toggle();
    });

If i paste this code into firebug's console - things work as planned. However, i'm running this from a 'RenderPartial' .net mvc page. Other jQuery code sitting within the same $(document).ready(function() { block work correctly.

The form uses html helpers to generate the inputs which might complicate the process somewhat - but even so... i'm seeing correct behavior when that code's in console but not in a 'real-time' page.

How do i troubleshoot this?