title: Need to add css style to an iframe using javascript from parent page
body: <p>Here is what I have so far:</p>
  
  <pre><code>var head = $target.prop("iframe").toLowerCase().contents().find("head");
  var css = '&lt;style type="text/css"&gt;' +
            'MY CSS IS HERE' +
            '&lt;/style&gt;';
  jQuery(head).append(css);
  </code></pre>
  
  <p>Unfortunately, I have a couple issues:</p>
  
  <p>1) I can't add jquery to the page via javascript (I tried but it's not working), so I need this converted to javascript.</p>
  
  <p>2) I'm sure there is something wrong with the code. Please help me fix the errors.</p>
  
  <hr>
  
  <p>NOTE:</p>
  
  <p>I already tried everything <a href="https://stackoverflow.com/questions/251420/invoking-javascript-code-in-an-iframe-from-the-parent-page">here</a>, but it does none of that is working especially because it's different than what I need (THERE IS NO ID OR CLASS NAME FOR THE IFRAME so everything on that question is irrelevant).</p>