title: Simple Screen Scraping using jQuery
body: <p>I have been playing with the idea of using a simple screen-scraper using jQuery and I am wondering if the following is possible.</p>
  
  <p>I have simple HTML page and am making an attempt (if this is possible) to grab the contents of all of the list items from another page, like so:</p>
  
  <p><strong>Main Page:</strong></p>
  
  <pre><code>&lt;!-- jQuery --&gt;
  &lt;script type='text/javascript'&gt;
  $(document).ready(function(){
  $.getJSON("[URL to other page]",
    function(data){
  
      //Iterate through the &lt;li&gt; inside of the URL's data
      $.each(data.items, function(item){
        $("&lt;li/&gt;").value().appendTo("#data");
      });
  
    });
  });
  &lt;/script&gt;
  
  &lt;!-- HTML --&gt;
  &lt;html&gt;
      &lt;body&gt;
         &lt;div id='data'&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Other Page:</strong></p>
  
  <pre><code>//Html
  &lt;body&gt;
      &lt;p&gt;&lt;b&gt;Items to Scrape&lt;/b&gt;&lt;/p&gt;   
      &lt;ul&gt;
          &lt;li&gt;I want to scrape what is here&lt;/li&gt;
          &lt;li&gt;and what is here&lt;/li&gt;
          &lt;li&gt;and here as well&lt;/li&gt;
          &lt;li&gt;and append it in the main page&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>So, is it possible using jQuery to pull all of the list item contents from an external page and append them inside of a div?</strong></p>