Tooltip variations with jquery version
<p>I'm using the jQuery UI tooltip widget, with version 1.10.4 of jQuery UI. I've noticed that code which works with jQuery 1.11.1 doesn't work with jQuery 3.1.0.</p>

<p>The code is supposed to replace all instances of title elements with a jQuery UI tooltip:</p>

<ul>
<li><a href="https://jsfiddle.net/ccwood/8LeLwzw7/" rel="nofollow">This fiddle uses 1.11.1</a>; note that the three tooltips appear using jQuery UI</li>
</ul>

<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>$(function() {
  $(document).tooltip();
});</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code> .ui-tooltip {
   padding: 8px;
   position: absolute;
   z-index: 9999;
   max-width: 300px;
   -webkit-box-shadow: 0 0 5px #aaa;
   box-shadow: 0 0 5px #aaa;
   border-width: 2px;
   background-color: DarkSeaGreen;
   color: white;
 }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://code.jquery.com/jquery-1.11.1.js"&gt;&lt;/script&gt;
&lt;script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"&gt;&lt;/script&gt;
&lt;p&gt;&lt;a href="#" title="That&amp;apos;s what this widget is"&gt;Tooltips&lt;/a&gt; can be attached to any element. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.&lt;/p&gt;
&lt;p&gt;But as it's not a native tooltip, it can be styled. Any themes built with
  &lt;a href="http://jqueryui.com/themeroller/" title="ThemeRoller: jQuery UI&amp;apos;s theme builder application"&gt;ThemeRoller&lt;/a&gt; will also style tooltips accordingly.&lt;/p&gt;
&lt;p&gt;Tooltips are also useful for form elements, to show some additional information in the context of each field.&lt;/p&gt;
&lt;p&gt;
  &lt;label for="age"&gt;Your age:&lt;/label&gt;
  &lt;input id="age" title="We ask for your age only for statistical purposes."&gt;
&lt;/p&gt;
&lt;p&gt;Hover the field to see the tooltip.&lt;/p&gt;</code></pre>
</div>
</div>
</p>

<ul>
<li><a href="https://jsfiddle.net/ccwood/pykz81hn/" rel="nofollow">This fiddle uses 3.1.0</a>; note that the three tooltips appear without jQuery UI styling</li>
</ul>

<p>These fiddles use the code on the <a href="http://jqueryui.com/tooltip/" rel="nofollow">default example of the tooltip</a>, which uses jQuery 1.12.4. I've had a look through the change logs of jQuery and haven't found anything which would suggest that the code which uses v3 shouldn't work - what have I missed?</p>