title: JqueryUI tooltip prevents <select> element dropdown from staying down in IE 11
body: <p>When I open this HTML in IE 11 and allow scripting, a click on the dropdown causes it to flash up and immediately disappear. Any ideas? </p>
  
  <p>This is from a much larger app, with styles and other elements, but here is the minimum to reproduce it.</p>
  
  <p>I've left in a few tricks I tried to counteract this - in the onclick and onmouseover you can see script I have that tries to remove the attributes. However, whatever breaks the dropdown has already corrupted it. It even occurs when I remove the script at the top of the HTML to make the tooltip appear; it doesn't appear, but the dropdown is still broken.</p>
  
  <pre><code>&lt;html&gt;
    &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(function () {
              $("[data-tooltip-open=true]").tooltip({
                  items: "[data-content=true]", content: $(this).data('content'),
                  position: {
                      my: "center bottom-20",
                      at: "center top",                    
                      using: function (position, feedback) {
                          $(this).css(position);
                          $("&lt;div&gt;")
                            .addClass("arrow")
                            .addClass(feedback.vertical)
                            .addClass(feedback.horizontal)
                            .appendTo(this);
                      }
                  }
              }).tooltip("open");
          });
      &lt;/script&gt;&lt;body&gt;
  &lt;form&gt;
  &lt;select name="test"   
  title="A selection from this list is required." 
  data-tooltip-open="true" data-content="true" 
  onclick="$(this).attr('data-tooltip-open','false');$(this).attr('title','');$(this).attr('data-content','false');" 
  onmouseover="$(this).attr('data-tooltip-open','false');$(this).attr('title','');$(this).attr('data-content','false');"&gt;
   &lt;option value=""&gt;&lt;/option&gt;
   &lt;option value=" "&gt; &lt;/option&gt;
   &lt;option value="1"&gt;Option 1&lt;/option&gt;
   &lt;option value="2"&gt;Option 2&lt;/option&gt;
   &lt;option value="3"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help appreciated. thanks.</p>