title: Remove css styles coming from embeded YouTube videos
body: <pre><code>&lt;div id="videos"&gt;
     &lt;div id="channel_div" style="display: block;"&gt;
        &lt;div style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 555px;" class="firstVideo"&gt;
        .. trimmed &lt;table here&gt; 
  
        &lt;/div&gt;
        &lt;div style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 555px;"&gt;
         .. trimmed &lt;table here&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have above snippet and <code>div</code>s inside channel_div is coming from youtube with styles, with width constraints that breaks the UI.</p>
  
  <p>How can i remove these styles with jquery?</p>
  
  <p>I tried what <a href="https://stackoverflow.com/questions/1229688/how-can-i-erase-all-inline-styles-with-javascript-and-leave-only-the-styles-spec">this</a> question suggested as follows: </p>
  
  <pre><code>$('#channel_div div').removeAttr('style');
  </code></pre>
  
  <p>also tried this:</p>
  
  <pre><code>$('#channel_div &gt; div').removeAttr('style');
  </code></pre>
  
  <p>but none of these worked. I just want to add my width as 300px. </p>
  
  <p>Could someone please offer guidance on this.</p>