title: jQuery Chosen: Uncaught NotFoundError: Failed to execute 'appendChild' on 'Node':
body: <p>I have a problem impossible to solve by myself. I am debugging this for several days but no success in found where is the problem.</p>
  <p>I have a chosen.js + jscrollpane.js. When a chosen is open, the search input field must to be focused to write some search string. The first time that I open the chosen throws an error and I can't search anything inside it. But if I close the chosen and reopen it, all works fine.</p>
  <p>I make a fiddle for you:
  <a href="http://jsfiddle.net/y2h3ohr3/2/" rel="noreferrer">http://jsfiddle.net/y2h3ohr3/2/</a></p>
  <p>So the error when I open the first time the chosen I can see this error in Chrome's console (in firefox, the error exists but console doesn't throws error):</p>
  <blockquote>
  <p>Uncaught NotFoundError: Failed to execute 'appendChild' on 'Node': The node to be removed is no longer a child of this node. Perhaps it was moved in a 'blur' event handler?</p>
  </blockquote>
  <p>The trace that console throws:</p>
  <blockquote>
  <p>jQuery.extend.buildFragment   @   jquery-1.9.1.js:6541</p>
  <p>jQuery.fn.extend.domManip @   jquery-1.9.1.js:6129</p>
  <p>jQuery.fn.extend.append   @   jquery-1.9.1.js:5949</p>
  <p>initialise    @   jquery.jscrollpane.min.js:115</p>
  <p>JScrollPane   @   jquery.jscrollpane.min.js:1388</p>
  <p>(anonymous function)  @   jquery.jscrollpane.min.js:1407</p>
  <p>jQuery.extend.each    @   jquery-1.9.1.js:648</p>
  <p>jQuery.fn.jQuery.each @   jquery-1.9.1.js:270</p>
  <p>$.fn.jScrollPane  @   jquery.jscrollpane.min.js:1399</p>
  <p>(anonymous function)  @   chosen.jquery.js:774</p>
  <p>jQuery.event.dispatch @   jquery-1.9.1.js:3074</p>
  <p>elemData.handle   @   jquery-1.9.1.js:2750</p>
  <p>jQuery.event.special.focus.trigger    @   jquery-1.9.1.js:3256</p>
  <p>jQuery.event.trigger  @   jquery-1.9.1.js:2952</p>
  <p>(anonymous function)  @   jquery-1.9.1.js:3677</p>
  <p>jQuery.extend.each    @   jquery-1.9.1.js:648</p>
  <p>jQuery.fn.jQuery.each @   jquery-1.9.1.js:270</p>
  <p>jQuery.fn.extend.trigger  @   jquery-1.9.1.js:3676</p>
  <p>jQuery.fn.(anonymous function)    @   jquery-1.9.1.js:7403</p>
  <p>$.fn.extend.focus @   jquery-ui.js:230</p>
  <p>Chosen.results_show   @   chosen.jquery.js:968</p>
  <p>Chosen.container_mousedown    @   chosen.jquery.js:839</p>
  <p>(anonymous function)  @   chosen.jquery.js:654</p>
  <p>jQuery.event.dispatch @   jquery-1.9.1.js:3074</p>
  <p>elemData.handle   @   jquery-1.9.1.js:2750</p>
  </blockquote>
  <p>I make a fiddle, the design it's not the same as in my project, but the error reproduces perfectly (pay attention to chrome console when open first time the chosen).</p>
  <p>You can view the fiddle here:</p>
  <p><a href="http://jsfiddle.net/y2h3ohr3/2/" rel="noreferrer">http://jsfiddle.net/y2h3ohr3/2/</a></p>
  <p>Can anyone help me? I'm stucked and I can't make more because I not found the error anywhere. The error is throwing by jquery, not the chosen, so I not made custom <code>appendChild</code>.</p>