title: jQuery .focus doesn’t actually focus a newly created element
body: <p>Let’s say I have this markup:</p>
  
  <pre><code>&lt;div id="content"&gt;
    &lt;div id="firstP"&gt;&lt;p&gt;First paragraph&lt;/p&gt;&lt;/div&gt;
    &lt;div id="secondP"&gt;&lt;p&gt;Second paragraph&lt;/p&gt;&lt;/div&gt;
    &lt;div id="thirdP"&gt;&lt;p&gt;Third paragraph&lt;/p&gt;&lt;/div&gt;
    &lt;div id="fourthP"&gt;&lt;p&gt;Fourth paragraph&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to add a new <code>&lt;div&gt;</code> with jQuery and focus on this new element. <code>.focus</code> does not do anything.</p>
  
  <pre><code>function addParagraph() {
    var html = "&lt;div id=\"newP\"&gt;&lt;p&gt;New paragraph&lt;/p&gt;&lt;/div&gt;";
  
    $("#content").append(html);
    $("#newP").focus();    
  }
  </code></pre>
  
  <p>Any idea why?</p>