title: Unable to access dom element using identifier after successfully cloning and appending it
body: <p>I prepare a clone of a template div, assign it a dynamic ID and append it to DOM, like this:-</p>
  
  <pre><code>var chat_window_clone_obj = $('div#chat_window_template').clone();
  
  cloned_element_id = 'chat_window'+dom_id_separator+session_id;
  $(chat_window_clone_obj).attr('id',cloned_element_id);
  $(chat_window_clone_obj).appendTo("div#chat_windows_holder");
  </code></pre>
  
  <p>But, after that I am not able access the cloned element using its ID (checked in firefox, I am sure this will be the same in all browsers):-</p>
  
  <pre><code>$('div#chat_windows_holder').length // comes 0
  $('div#chat_windows_holder').removeClass("hidden"); //does not work
  </code></pre>
  
  <p>I am however able to access like this:-</p>
  
  <pre><code>$(chat_window_clone_obj).length // works
  $(chat_window_clone_obj).removeClass("hidden"); //works
  </code></pre>
  
  <p>What am I missing here? I can see the element appended correctly with the required ID in firefox's HTML tab.</p>