title: How To Target a <div> inside an <iframe> using JQuery?
body: <p>in our user control, for web app, what we do is we actually use Javascript to render a list of twitter feeds as suggested by Twitter
  <a href="https://dev.twitter.com/docs/embedded-timelines" rel="nofollow">https://dev.twitter.com/docs/embedded-timelines</a></p>
  
  <p>However, we want to do some customization, like removing the avatar and a few other things.  Here is the sample snippet</p>
  
  <pre><code>&lt;iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-timeline twitter-timeline-rendered" style="border: none; max-width: 100%; min-width: 180px;" title="Twitter Timeline" width="300" height="381"&gt;
  
  &lt;html&gt;&lt;head&gt;&lt;style type="text/css"&gt;body{display:none}&lt;/style&gt;&lt;base target="_blank"&gt;&lt;link type="text/css" rel="stylesheet" href="http://platform.twitter.com/embed/timeline.633fdd7a8cbe780bedb23434c948fe33.default.css"&gt;
  
  
  &lt;div class="timeline-footer" data-scribe="section:footer"&gt;
    &lt;a class="tweet-box-button web-intent" href="https://twitter.com/intent/tweet?screen_name=TheMarilynShow" data-scribe="element:timeline_permalink"&gt;Tweet to @TheMarilynShow&lt;/a&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;/body&gt;&lt;/html&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>Now, let's say if I want to do CSS styling to the div  class="timeline-footer", would that be possible this  is hosted by Twitter, not us.  would it be possible to do it on our client code using JQuery to target it?</p>
  
  <p>Please advise.</p>