Scrollbar Custom jQuery working

<html>
  <head>
    <title>Testing Scrollbar</title>
    <style>
        #everything { height: 100px; overflow:auto; background:#274147; }
    </style>
    <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div class="box">
      <form name="everything" id="everything" action="#" method="post">
          <header>Registration Information</header><br/>
          <label>First Name<font color="red">*</font>: <input type="text" name="fname" id="fname" /> </label><br/>
          <label>Last Name<font color="red">*</font>: <input type="text" name="lname" id="lname" /> </label><br/>
          <label>Address<font color="red">*</font>: <input type="text" name="address" id="address" /> </label><br/>
          <label>City<font color="red">*</font>: <input type="text" name="city" id="city" /> </label><br/>
          <label>State<font color="red">*</font>: <input type="text" name="state" id="state"/> </label><br/>
          <label>Zip Code<font color="red">*</font>: <input type="text" name="zip" id="zip"/> </label><br/>
          <label>Phone Number<font color="red">*</font>: <input type="text" name="phone" id="phone"/> </label><br/>
          <label>Fax: <input type="text" name="fax" id="fax"/> </label><br/>
          <label>Email<font color="red">*</font>: <input type="text" name="email" id="email"/> </label><br/>
      </form>
    </div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <!-- mousewheel plugin -->
    <script src="jquery.mousewheel.min.js"></script>
    <!-- custom scrollbars plugin -->
    <script src="jquery.mCustomScrollbar.js"></script>
    <script>
      $(window).load(function(){
        $("#everything").mCustomScrollbar();
      });
    </script>
  </body>
</html>