Why you can not use what Craig posted? Why do you need to access it through the parent?

Here are few samples from my code:

$(document).ready(function () {
    $(":input[data-autocomplete]").each(function () {
        $(this).autocomplete({ source: $(this).attr("data-autocomplete") });
    });  

    $("form div input").focus(function () {

        $("form div").each(function () {
            $(this).css("background-color", "white");
        });

        $(this).parent().css("background-color", "#F2FAED");
        $(this).select();
        $('.SelectOnEntry').focusin(function () {
            $(this).select();
        });
    });

    $("input:text")
        .focus(function () { $(this).select(); })
        .mouseup(function (e) { e.preventDefault(); });
});

>I know how to manipulate it - the problem is that I cannot get a reference to it. Note 'content' in this case is not the default context (the dom document) but a seperate html fragment and $(content).find('#trapName') returns zero results....
>
>>You can address the element directly
>>
>>$("#trapName")
>>
>>If you want to get the value, use
>>var value = $("#trapName).val();
>>
>>To set the value
>>$("#trapName).val("New value");
>>
>>
>>>I think there is something wrong with my understanding of JQuery (which is pretty elemental at best).
>>>
>>>I have a fragment of html. Jquery sees it as this:

$(content): jQuery.fn.jQuery.init[3]
>>>0: h2
>>>1: text
>>>2: input#trapName
>>>length: 3
>>>__proto__: Object[0]

so I thought I could access the input element with

$(content).find('#trapName')

but it finds nothing.
>>>
>>>Any clues. Note this fragment is not in the DOM - but should that matter?