title: Load html content in div
body: <p>I am trying to load the content from another html file into my existing html file using jquery <code>.load</code></p>
  
  <p>But unfortunately it is not loading the content.</p>
  
  <p>Please suggest me with the proper solution.</p>
  
  <p>Here is my existing html and jquery to load content from external HTML file</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;Review&lt;/title&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
              &lt;ul class="reviews" id="revw"&gt;
  
              &lt;/ul&gt;
      &lt;/div&gt;
      &lt;script&gt;
      function check(){
  $( "#revw" ).load( "review_list.html #test" );
  }
      &lt;/script&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>Page from which we need to load the content</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;div id='test'&gt;
   Load this content to the id="revw" div.
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>