title: display JQuery variable in html
body: <p>This is my_js.js   </p>
  
  <pre><code>$(document).ready(function () {
      $.getJSON("fetch.php", function (data) {
          $("ul").empty();
          $.each(data.result, function () {
              var name = this['sender_name'];
              var age = this['sender_age'];
              var photo = this['sender_photo'];
              var language = this['sender_language'];
              var country = this['sender_country'];
              var message = this['message'];
              $('div.haha').html('&lt;p&gt;This is the message ' + message 
                  + ' my name is ' + name + ' my age ' + age + ' my language ' 
                  + language + ' my country ' + country + '&lt;/p&gt;');
          });
      });
  }
  </code></pre>
  
  <p>and the html code is </p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;ul&gt;&lt;/ul&gt;
          &lt;div class="haha"&gt;&lt;/div&gt;
          &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="my_js.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>all those variables can not displayed in html div , all variables was loaded successfully from fetch.PHP .</p>