title: Jquery Text editor
body: <p>I have recently decided to use the jQuery text editor. However, I am confused when I access the <code>textarea</code> on which I am using the jqte the textarea shows no data. </p>
  
  <pre><code>                             &lt;!DOCTYPE html&gt;
                &lt;html&gt;
                &lt;head&gt;
                 &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
                &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
             &lt;title&gt;jQuery TE | Downloaded Demo | v.1.3.6&lt;/title&gt;
  
    &lt;link type="text/css" rel="stylesheet" href="demo.css"&gt;
    &lt;link type="text/css" rel="stylesheet" href="../jquery-te-1.3.6.css"&gt;
  
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery.min.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../jquery-te-1.3.6.min.js" charset="utf-8"&gt;&lt;/script&gt;
   &lt;/head&gt;
  
  &lt;body&gt;
   &lt;h1&gt;jQuery TE&lt;/h1&gt;
  
  &lt;div class="navigation"&gt;
  &lt;a href="http://jqueryte.com" target="_blank"&gt;Home&lt;/a&gt;
  &lt;a href="http://jqueryte.com/demos" target="_blank"&gt;Demos&lt;/a&gt;
  &lt;a href="http://jqueryte.com/documentation" target="_blank"&gt;Documentation&lt;/a&gt;
  &lt;a href="http://jqueryte.com/comments" target="_blank"&gt;Comments&lt;/a&gt;
  &lt;a href="http://jqueryte.com/about" target="_blank"&gt;About&lt;/a&gt;
  &lt;a href="http://jqueryte.com/license" target="_blank"&gt;License&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;h2&gt;Demo | v.1.3.6&lt;/h2&gt;
  
  
    &lt;!------------------------------------------------------------ jQUERY TEXT EDITOR  
  
   &lt;textarea  cols="2" rows="3" name="textarea" class="jqte-test"  id="mytextarea"&gt;&lt;b&gt;My      contents are from &lt;u&gt;&lt;span style="color:rgb(0, 148, 133);"&gt;TEXTAREA&lt;/span&gt;&lt;/u&gt;&lt;/b&gt;&lt;/textarea&gt;
  
  &lt;p&gt;
  &lt;button class="status"&gt;Toggle jQTE&lt;/button&gt;
  &lt;/p&gt;
  &lt;hr&gt;
  
  &lt;input name="input" type="text" value="&lt;b&gt;My contents are from &lt;u&gt;&lt;span style=&amp;   quot;color:rgb(0, 148, 133);&amp;quot;&gt;INPUT&lt;/span&gt;&lt;/u&gt;&lt;/b&gt;" class="jqte-test"/&gt;
  
    &lt;div name="div" class="jqte-test"&gt;&lt;b&gt;My contents are from &lt;u&gt;&lt;span style="color:rgb(0, 148, 133);"&gt;DIV&lt;/span&gt;&lt;/u&gt;&lt;/b&gt;&lt;/div&gt;
  
     &lt;script&gt;
    $('.jqte-test').jqte();
  
   // settings of status
   var jqteStatus = true;
    $("textarea#mytextarea").bind(function(){ alert($(this).html()) ;});
   $(".status").click(function()
   {
      jqteStatus = jqteStatus ? false : true;
      $('.jqte-test:first').jqte({"status" : jqteStatus})
    });
   &lt;/script&gt;
  </code></pre>
  
  <p>I am actually checking how should I get the jqte formated html? There are no comprehensive notes on it. Can someone help me?</p>