title: Initiate TinyMCE on a jQuery Mobile website
body: <p>I'm trying to initiate TinyMCE with a jQuery mobile website.</p>
  
  <p>This is my head for javascript sourcing:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"/&gt;
  &lt;link rel="stylesheet" href="/public/css/styler.css"/&gt;
  &lt;link rel="stylesheet" href="/public/css/mainstyle.css"/&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/public/js/tinymce/tiny_mce.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
      $('.close-notification').click(
          function () {
              $(this).parent().fadeTo(350, 0, function () {
                  $(this).slideUp(600);
              });
              return false;
          }
      );
  
      $(document).live( 'pageinit',function(event) {
          tinyMCE.init({
              mode:"textareas",
              theme:"advanced",
              theme_advanced_buttons1:"bold,italic,bullist,numlist",
              theme_advanced_buttons2:"",
              theme_advanced_buttons3:"",
              theme_advanced_buttons4:"",
              theme_advanced_toolbar_location:"top",
              theme_advanced_toolbar_align:"left",
              theme_advanced_resizing:false
          });
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Ok, so I then have a textarea like so</p>
  
  <pre><code>&lt;textarea name="message" style="width:100%" tabindex="3" rows="10" id="wysiwyg"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>But the textarea is not being replaced with a TinyMCE iframe. No errors are reported to console.</p>