title: Is it possible to edit DOM elements that get loaded via an <iframe> with jQuery?
body: <p>I have the following HTML code:</p>
  
  <pre><code>&lt;body&gt;
    ...
    &lt;div id="users"&gt;
        &lt;iframe src="http://control.intranet/userlist.php" height="100"&gt;
    &lt;/div&gt;
    ...
  &lt;/body&gt;
  </code></pre>
  
  <p>Where the <code>//control.intranet/userlist.php</code> loads a list of users from our intranet control panel.</p>
  
  <p>This list looks like this:</p>
  
  <pre><code>&lt;div class="user"&gt;
      &lt;span class="name"&gt;Boda Cydo&lt;/span&gt;
      &lt;span class="ip"&gt;10.42.12.2&lt;/span&gt;
      ...
  &lt;/div&gt;
  &lt;div class="user"&gt;
       ...
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>Now I want to format how the userlist looks, so I try to match elements in it with jQuery:</p>
  
  <pre><code>$("#users .name").css("background-color", "#FF0000")
  </code></pre>
  
  <p>But it never matches a single <code>.name</code>.</p>
  
  <p>I even tried just <code>$("#users").length</code> and it returns 0.</p>
  
  <p>This makes me think that I can't edit DOM elements loaded via iframe with jQuery. Is that true? If so, how do I edit CSS of elements that are loaded via iframe?</p>
  
  <p>Thanks, Boda Cydo.</p>