title: jQuery load() replacing whole page instead of loading content into div
body: <p>I am trying to load in thumbnail of an inputted webpage when the user clicks a button. The thumbnail is generated properly on the page by itself, but when I attempt to load it into the div element, it replaces the whole page. Currently, this is just a proof of concept. I will switch to user inputted url if I can get this working.</p>
  
  <p>Here is my click event code:</p>
  
  <pre><code>$('#check_url').click(function() {
      $('#thumb_loader').load('load_thumb.html');
  });
  </code></pre>
  
  <p>thumb_loader is just a div. I have also tried it like this:</p>
  
  <pre><code>$('#check_url').click(function() {
      $('#thumb_loader').html($('&lt;div&gt;').load('load_thumb.html'));
  });
  </code></pre>
  
  <p>Here is load_thumb.html:</p>
  
  <pre><code>&lt;div&gt;
      &lt;script type="text/javascript"&gt;
          wsr_snapshot('http://google.com', 'xxxxxxxxxxxxxx', 'Small');
      &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>wsr_snashot is WebSnapr. The image is generated on their server and appears where this code is.</p>
  
  <p>First off, can I even load javascript like this? I have used load to drop in content that contains javascript before, so I doubt that is the case. </p>
  
  <p>Anyone see any problems here?</p>
  
  <p>EDIT:</p>
  
  <p>Here is the table where the div I wish to load into is and the button that the user would click to trigger the AJAX.</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td colspan="2"&gt;
                      &lt;div id="thumb_loader"&gt;&lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;label&gt;Link Title:&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;label&gt;Link Description:&lt;/label&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;input type="text" name="link_title" /&gt;
                  &lt;/td&gt;
                  &lt;td rowspan="3"&gt;
                      &lt;textarea name="link_description"&gt;&lt;/textarea&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;label&gt;Link URL:&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
  
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;input type="text" name="link_url" /&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
  
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;input id="check_url" type="button" value="Check URL" /&gt;
                  &lt;/td&gt;
                  &lt;td align="right"&gt;
                      &lt;input type="button" value="Cancel" /&gt;&lt;input disabled="disabled" type="submit" value="Add Link" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>I don't see anything else that could be relevant in the code. Hope this is enough.</p>