title: JQuery .load() Javascript issue
body: <p>I am new to JQuery and I have the following issue:</p>
  
  <p>Source file:</p>
  
  <pre><code>function handleDropEvent( event, ui )
  {
      var draggable = ui.draggable;
  
      switch (draggable.attr('id'))
      {
          case "artOfBeing":
              alert("Life is a bunch of pointless moments.");
              break;
  
          case "perfectAndroid":
              $('#dataFrame').load('android/androidConfessions.html #androidData');
              break;
      }
  
      return false;
  }
  </code></pre>
  
  <hr>
  
  <p>Ajax should load the following file but it only displays <code>&lt;div id="androidTip"&gt;</code> content and the Javascript is completely ignored! How can I fix this please?</p>
  
  <pre><code>&lt;div id="androidData"&gt;
      &lt;div id="androidVideo" style="width:640px; height:360px; background-color:#25283c; margin-left:70px; margin-top:0px;"&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
          FlashReplace.replace("androidVideo", "thoughtOfYou/thought.swf", "flash-element-id", 640, 360, 10);
      &lt;/script&gt;
  
      &lt;div id="androidTip"&gt;
          &lt;div&gt;&lt;span style="font-weight:bold"&gt;"Android"&lt;/span&gt; - An alien female incapable of breeding... Even then love gets old and dies.
               &lt;div id="xClose" style="float:right; margin-left:5px; cursor:pointer;"&gt;x&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p>Thank you very much.</p>