title: jQuery .html() not updating the targeting div
body: <p>I am foxed by this... I am generating a "slide show" using the jQuery <a href="http://slidesjs.com/" rel="nofollow">http://slidesjs.com</a> plugin. Nothing fancy, except, I want to insert the contents of the slide via an ajax call. Everything works well, the html requested via ajax is retrieved successfully, no errors, except, the div holding the text doesn't get updated. In other words, the <code>$().html(data)</code> line below does nothing. What am I doing wrong?</p>
  
  <p>Here is a very simplified version of the code</p>
  
  <pre><code>&lt;div id="slides"&gt;
      &lt;div class="slides_container" id="slides_container"&gt;&lt;/div&gt;
      &lt;div id="controls"&gt;
        &lt;a href="#" class="next"&gt;&lt;img src="/img/arrow-prev.png"&gt;&lt;/a&gt;
        &lt;a href="#" class="prev"&gt;&lt;img src="/img/arrow-next.png"&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="pagination"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      var FOO = {
          "Pages": {
              "0": "Page0",
              "2": "Text_for_Page_2",
              "4": "A_Discourse_on_4",
              "7": "Seven_is_Heaven"
          }
      };
  
      $(function() {
          var str = "";
          for (var i = 0; i &lt; 9; i++) {
              str +=  '&lt;div class="slide"&gt;' + 
                      '&lt;div id="#page_' + i + '" class="text"&gt;&lt;/div&gt;' + 
                      '&lt;/div&gt;';
          }
  
          $("#slides_container").html(str);
      });
  
      $(function(){
          $('#slides').slides({
              preload: false,
              effect: 'fade',
              animationStart: function(current) {
                  if (FOO.Pages[current]) {
                      $.ajax({
                          url: '/path/to/' + FOO.Pages[current] + '.html',
                          type: 'GET',
                          dataType: 'text',
                          success: function( data ) {
  
                              // The following line does nothing
                              $("#page_" + current).html( data );
                          }
                      });
                  }
              }
          });
      });
  &lt;/script&gt;
  </code></pre>