title: jQuery focus() doesn't take the cursor into the input field
body: <p>I know that <code>$('#siteTitle').focus()</code> takes the focus into the input field which has the id <code>siteTitle</code>, and I also know that <code>focus()</code> causes the input to become the current active element of the document, thus retrievable via <code>document.activeElement</code>.
  My problem is that, I can't type anything into <code>titleInput</code> field in spite of setting focus on it. My input has some formatting already applied on it, and has a default dimmed watermark:</p>
  
  <p><img src="https://i.stack.imgur.com/KIr6v.png" alt="enter image description here"></p>
  
  <p>But no cursor is shown inside it, and worse, I can't type in it. As I said, when I use <code>document.activeElement</code>, input field is returned. Therefore, I'm sure that it has focus.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;div class="titleWrapper"&gt;
          &lt;div class="titleInpWrapper"&gt;
              &lt;input type="text" name="title" id="titleInput" value="Site Name" tabindex='0' /&gt;&lt;/div&gt;
          &lt;p class="label"&gt;
             What's your site's name?&lt;/p&gt;
          &lt;p class='alert titleStep'&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  </code></pre>