title: Selecting added images for css manipulation with jQuery.find doesn't work
body: <p>I have written this:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;script src="js/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      $(document).ready(function() {
        var people = '&lt;li&gt;&lt;img src="http://lorempixel.com/g/400/200/"&gt;&lt;/li&gt;';
        people += '&lt;li&gt;&lt;span&gt;&lt;img src="http://lorempixel.com/g/300/200/"&gt;&lt;/span&gt;&lt;/li&gt;';
        var $images = $(people);
        $('ul').prepend(people);
        $images.find('img').css({
          'display': 'none'
        });
      });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;img src="http://lorempixel.com/g/200/200/"&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;img src="http://lorempixel.com/g/300/300/"&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;img src="http://lorempixel.com/g/300/300/"&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I want to add new images (added when document is ready now, later through ajax) and then manipulate them by modifying some CSS property, but I can't get it to work even in this simple example.  </p>
  
  <p><code>$images.find('img')</code> works but the chained <code>.css({'display':'none'});</code> doesn't.</p>