How to read external html file and store it to string variable using jQuery? Showing Error
<p>I am trying to Dynamically Generating the Codes for Web Application<br/>
I Want to read <strong>External HTML File</strong> and store it to string variable in Javascript or Jquery ?<br/>
Is there any efficient way for this..?</p>

<p>HTML File -
<em>Object-text.html</em> </p>

<pre><code>&lt;div class="text-object"&gt;
    &lt;div class='text-area'&gt;
        &lt;span class='content'&gt;
            &lt;span class='title'&gt; title&lt;/span&gt;&lt;br/&gt;
            &lt;span class='address'&gt;  address  &lt;/span&gt;
        &lt;/span&gt;
    &lt;/div&gt;
    &lt;div class='patch'&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;br class='float-clear'/&gt;
</code></pre>

<p>JQUERY</p>

<pre><code>$(document).ready(function()
{
  $.get("templates/object-text.html", function(html_string)
   {
      alert(html_string);  // this is not Working
   });
});
</code></pre>

<p><strong>Showing Error in Console</strong></p>

<p>Junk After Docuement Element</p>

<p>awaiting responses.<br/> 
<em>Thanks in Advance</em></p>