title: jQuery append method inserting text rather than HTML
body: <p>I want append an input text in my html page. I use JQuery to do that.</p>
  
  <p>My JQuery script :</p>
  
  <pre><code>$(document).ready(function(){
      $(".reply").click(function(){
        var tempat=$(this).parent().parent().next(".komentar-balasan");
        console.log(tempat[0]);
        var html=
        tempat[0].append('&lt;input type="text"&gt;&lt;/input&gt;');
      });
    });
  </code></pre>
  
  <p>And the HTML :</p>
  
  <pre><code> &lt;div class="isi"&gt;
      &lt;div class="like-comment"&gt;
       &lt;div class="kotak"&gt;&lt;/div&gt;
       &lt;div class="kotak-jumlah"&gt;
       &lt;/div&gt;
       &lt;div class="kotak"&gt;&lt;button class="reply"&gt;&lt;/button&gt;&lt;/div&gt;
     &lt;/div&gt;&lt;div class="komentar-balasan"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/papbou5h/1/" rel="noreferrer">The Fiddle</a></p>
  
  <p>I Don't know why, but instead of displayed the input text box. The browser just display <code>&lt;input type="text"&gt;&lt;/input&gt;</code>. It's like the browser didn't recognize the HTML code.</p>