JQuery .find() not working?
<p>I'm loading some HTML from a file via AJAX, trying extra a  block from and eval it (a dynamic HTML/JS load).</p>

<p>The AJAX call is:</p>

<pre>
$.ajax({
          url: 'module.html',
          type: 'GET',
          complete: function(xhr, textStatus) {
            //called when complete
          },
          success: function(data, textStatus, xhr) {

            var jqData = $(data);
            var scriptNode = jqData.find("#startScript");
            if (scriptNode.length > 0)
            {
                $.globalEval(scriptNode.html());
            }
            ....
</pre>

<p>The HTML being loaded is:</p>

<pre><code>&lt;script type="text/javascript" id="startScript"&gt;
    $("#submitButton").button();
&lt;/script&gt;
</code></pre>

<p>I can see the HTML is being loaded successfully in the AJAX call, and the jqData variable is showing an array of 3 nodes ([0] being the script node). But when I call the jqData.find("#startScript"), the return is always null. Any ideas?</p>
