title: jQuery selector does not work on dynamic created content in IE7 and IE8
body: <p>I have this elements on my site which are added dynamically on jQuery's <code>document.ready</code> function.</p>
  
  <p>The problem is that I can't select those element using regular jQuery selectors. The JavaScript runs fine in IE9 and other browsers. I think the reason why it does not work is because the content that I'm trying to alter is added dynamically.</p>
  
  <p>How do I solve this issue?</p>
  
  <p>Code:</p>
  
  <pre><code>$('.dynamic').each(function(index)
      {
          $('textarea, input[type=radio], input[type=checkbox], select, input[type=text]', this).each(function()
          {
  
              var array = $(this).val().split('|||');
  
              var elements = new Array();
  
              var target = String('.dynamic_'+$(this).attr('id'));        
  
              $(target).each(function() //this does nothing in ie7 and 8, seems the target selector is messed up :S
              {
                  elements.push($(this)); 
              });
  
              for (val in array)
              {
                  var count = Number(val);    
                  $(elements[count]).val(array[val]);         
              }
          });
      });
  </code></pre>