Why can't I access any properties on my jQuery-returned object?
<p>I have the following javascript:</p>

<pre><code>$(document).ready(function() {
    $('#&lt;%= DropDownList1.ClientID %&gt;').change(function() {
        $('#&lt;%= TextBox1.ClientID %&gt;').disabled = $('#&lt;%= DropDownList1.ClientID %&gt;').selectedIndex != 1;
    });
});
</code></pre>

<p>When I change the index of the dropdown, nothing happens. I have tried to replace the code with:</p>

<pre><code>$(document).ready(function() {
    $('#&lt;%= DropDownList1.ClientID %&gt;').change(function() {
        alert($('#&lt;%= DropDownList1.ClientID %&gt;').id);                    
    });
});
</code></pre>

<p>This generates an alert that says 'undefined'. If I remove the .id-part I get an alert that says [object Object] so I guess it has got something. What am I doing wrong?</p>
