title: Displaying the bootstrap page in JQuery
body: <p>Hi i am trying to display the more than one <code>div</code> into JQuery code.So basically it is the bootstrap.</p>
  
  <p>Here is my code </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
   var element = '&lt;div class="panel panel-default"&gt;&lt;div class="panel-heading"&gt;&lt;h3 class="panel-title" id="panel_title"&gt;Demo&lt;/h3&gt;&lt;/div&gt;&lt;div class="panel-body"&gt;&lt;div id=print_received_table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;';
  $('#result').append(element);
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="result"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But it is not displaying anything. I am not able to figure out what is going wrong.</p>
  
  <p>Please someone suggest me on this and help me out.</p>
  
  <p>Thanks in advance.</p>