title: .prepend is not a function
body: <p>Please consider the following sample code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              $(document).ready(function(){
                  $("#btn1").click(function(){
                      var btn = document.createElement("BUTTON");     
                      btn.prepend("&lt;b&gt;Prepended text&lt;/b&gt;. ");
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;p&gt;This is a paragraph.&lt;/p&gt;
          &lt;button id="btn1"&gt;Prepend text&lt;/button&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The above code throws the error in console like:</p>
  
  <blockquote>
    <p>btn.prepend is not a function</p>
  </blockquote>
  
  <p>Why does this error occur? Please suggest a solution. Thank You</p>