title: Programatically put input in editing state (just like clicked on it with mouse)
body: <p>Assume there is a regular html input field</p>
  
  <pre><code>&lt;input id="inputEl" type="text"&gt;
  </code></pre>
  
  <p>When I click on it with my mouse, it starts being 'editable' (an editing line at the beginning starts blinking) - just like every input field.</p>
  
  <p>Using jQuery, I am trying to simulate that so without me clicking on it with mouse, it gets on that editing state.</p>
  
  <p>I have tried:</p>
  
  <ul>
  <li><code>$('#inputEl').click()</code></li>
  <li><code>$('#inputEl').keydown()</code></li>
  <li><code>$('#inputEl').focus()</code></li>
  <li><code>$('#inputEl').focusin()</code></li>
  <li><code>$('#inputEl').blur()</code> </li>
  <li><code>$('#inputEl').select()</code></li>
  <li><code>$('#inputEl').trigger('input')</code></li>
  </ul>
  
  <p>But none seems to do the trick.</p>
  
  <p>What is the proper way of achieving this?</p>