jQuery works in Firefox but not in IE7
<p>I have the following accordion-script from jQuery that works perfectly in Firefox but not in IE7. In IE7 I can see the 5 sections, however, without the accordion-effect.</p>

<pre><code> &lt;!doctype html&gt;
 &lt;html lang="en"&gt;
 &lt;head&gt;
   &lt;meta charset="utf-8"&gt;
   &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
   &lt;title&gt;jQuery UI Accordion - Default functionality&lt;/title&gt;
   &lt;link rel="stylesheet" href="jquery-ui.css"&gt;
   &lt;link rel="stylesheet" href="/resources/demos/style.css"&gt;
   &lt;script src="https://code.jquery.com/jquery-1.12.4.js"  
     type="text/javascript"&gt;&lt;/script&gt;
   &lt;script src="jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;

   &lt;script&gt;
     $( function() {
       $( "#accordion" ).accordion();
     });
   &lt;/script&gt;

    &lt;form id="dialogform" title="Edit User" action=""&gt;
  &lt;div class="edit"&gt;
    &lt;div&gt;
      &lt;div id="dataEdit"&gt;
        &lt;div&gt;Name&lt;/div&gt;
        &lt;input class="name input" type="text" name="name" minlength="2" type="text" required aria-required="true"&gt;
        &lt;div&gt;Email&lt;/div&gt;
        &lt;input class="mail input" type="email" name="email" required aria-required="true"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/form&gt;
&lt;form id="dialogNewUser" title="New User" action=""&gt;
  &lt;div class="edit"&gt;
    &lt;div&gt;
      &lt;div id="dataNew"&gt;
        &lt;label&gt; Name&lt;/label&gt;
        &lt;input class="name input" name="name" minlength="2" type="text" required aria-required="true"&gt;
        &lt;label&gt;Email&lt;/label&gt;
        &lt;input class="mail input" type="email" name="email" required aria-required="true"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p><strong>Question</strong></p>

<p>What do I have to do to run this script in IE7?</p>