title: My tinyMCE textarea is inside a jQuery UI tab. tinyMCE loads but it won't allow me to type. Why?
body: <p>Assuming I already called the necessary codes for jQuery UI, jQuery and tinyMCE:</p>
  
  <p>Initialize tinyMCE (included in main.html):</p>
  
  <pre><code>tinyMCE.init({
      mode : "specific_textareas",
      editor_selector: "tinyMCE",
      theme: "simple"
  });
  </code></pre>
  
  <p>Code segment for jQuery UI tabs (included in main.html):</p>
  
  <pre><code>&lt;div id="myTab"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#tabs-1"&gt;Tab 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-2"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="tabs-1"&gt;Tab 1 content&lt;/div&gt;
      &lt;div id="tabs-2"&gt;
          &lt;textarea class="tinyMCE"&gt;Textarea content&lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery UI code for making a tab (included in a separate file: functions.js):</p>
  
  <pre><code>$("#myTab").tabs();
  </code></pre>
  
  <p>The tinyMCE textarea successfully loads, but the problem is, I cannot type anything in it. The buttons are not functioning as well. What might be the problem here and what should be the solution? Thanks in advance.</p>