empty on a combobox doesn't work

empty on a combobox doesn't work

Hello everyone,

Firstable, I apologize for my english because I'm french :)
Here is my problem, I've updated my jquery version to the 1.9 and my ui to the 1.10.2


My hmtl code : 

  1. <div id="mydiv">
  2.       <select id="myselect">
  3.             <option value="1">1</option>
  4.       </select>
  5. </div>
  6. <input type="button" id="clearbutton" value="Clear">

My js code : 
  1. $( "#myselect" ).combobox();
  2. $('#clearbutton').on('click', function(){
  3.       $("#mydiv").html("<select><option value='A'>A</option></select>");
  4. });

That code works perfectly with the previous versions of jquery or ui but now firefox freeze and I've to shut it down.

The thing is that works on IE or Chrome whithout problems. I use two versions of Firefox the ESR 10.0.12 and the last one but still.

I found the html() method use the method empty() in a first place so I tried to replace
  1. $("#myselect").html("<select><option value='A'>A</option></select>");
by
  1. $("#myselect").empty();

but the result is the same. I guess it's like I've an infinite loop on firefox with the empty() method.

Thank's for your time