title: jquery input.focus + wrap can't type in input
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('input').focus(function() {
        $(this).next("div.description").slideToggle("slow");
        $(this).wrap(' &lt;
            div &gt; &lt; /div&gt;').select('input'); });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;blink&gt;
    &lt;input type="text" class="form-text required" value="" size="35" id="editfiled" name="somename" maxlength="128"&gt;
    &lt;div class="description"&gt;
      &lt;p&gt;some text&lt;/p&gt;
  &lt;/blink&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>and after that I can't type in this input.</p>
  
  <p>I need that if input gets focus it must be highlighted inside div.</p>