title: Use off()-method on mouseover() and mouseout()
body: <p>As my title shows I've problem using the off-method in JQuery combined with mouseover/mouseout. </p>
  
  <p>My HTML-code(the relevant part):</p>
  
  <pre><code> &lt;h3&gt;Hover&lt;/h3&gt;
   &lt;p id="hover"&gt;Move the mouse pointer over this paragraph.&lt;/p&gt;
   &lt;button id="off"&gt;Press the button&lt;/button&gt;
  </code></pre>
  
  <p>My JQuery-code(the relevant part):</p>
  
  <pre><code>$(document).ready(function(){
      $("#hover").mouseover(function(){
           $("#hover").css("background-color", "green");
     });
     $("#hover").mouseout(function(){
          $("#hover").css("background-color", "lightblue");
     });
     $("#off").click(function(){
          $("#hover").off("click");
      });
  });
  </code></pre>
  
  <p>The "hover-part" works fine. But when i press the button, which supposed to stop the mouseover and mouseout-methods to stop, it doesn't. </p>