title: Detecting tinyMCE textareas with JQUERY
body: <p>On some of our forms we convert our textareas over to tinyMCE textareas. How can I tell in jquery if a given textarea has been converted? </p>
  
  <p>I've notice that tinyMCE will change the display of my original textarea to none upon init and then creates an adjacent span with a class of mceEditor, but the follow jquery statements never seems to find it.</p>
  
  <p>if ( $(formElm).siblings("span .mceEditor").size() > 0) { ...do this};</p>
  
  <p>or </p>
  
  <p>if( $(formElm).parent().find("span .mceEditor").length > 0 ) {...do this};</p>
  
  <p>or</p>
  
  <p>if( $(formElm).parent().children("span .mceEditor").size() > 0 ) {...do this};</p>
  
  <p>[EDIT]</p>
  
  <p>There was a  request for what the textarea looks like after tinymce is done with it. Here goes</p>
  
  <pre><code>&lt;td class="fields"&gt;
  &lt;textarea id="serviceDesc" class="form req blob" style="display: none;"&gt; Warm and yummy in your tummy&lt;br /&gt;&lt;/textarea&gt;
  &lt;span id="serviceDesc_parent" class="mceEditor defaultSkin"&gt;
  &lt;table id="serviceDesc_tbl" class="mceLayout" cellspacing="0" cellpadding="0" style="width: 400px; height: 152px;"&gt;
  &lt;tbody&gt;
  &lt;tr class="mceFirst"&gt;
  &lt;td class="mceIframeContainer mceFirst mceLast"&gt;
  &lt;iframe id="serviceDesc_ifr" frameborder="0" src="javascript:""" style="width: 100%; height: 129px;"&gt;
  &lt;html&gt;
  &lt;/html&gt;
  &lt;/iframe&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="mceLast"&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>
  
  </p>