how to find a dynamictly created <style> element?
<p>I'm creating a style element like this :</p>

<pre><code>function createMyStyle(selector , rule){
   j$("head").append('&lt;style type="text/css"&gt;' + selector + '{' + rule + '}' + '&lt;/style&gt;');
}
</code></pre>

<p>Now, I don't want to create this element every time, but to find out
if this  element was inserted already, and then use something like this to add my rules to it:</p>

<pre><code>if( stylesheet.addRule ){
 stylesheet.addRule(selector, rule);
} 
else if( stylesheet.insertRule ){
 stylesheet.insertRule(selector + ' { ' + rule + ' }', stylesheet.cssRules.length);
}
</code></pre>

<p>PS: I create this  in one piece and not with pure DOM because IE can't do innerHTML to document.createElement('style')  ...</p>

<p>I tried giving the  and ID and do something like</p>

<pre><code>for( var i in document.styleSheets ){
  if( !document.styleSheets[i].id){
</code></pre>

<p>but this can't be done cause theres no ID attribute to it.</p>
