Hello,

I'm not sure why this "jQuery Store Locator" is not working when I enter a zipcode or address. It was working fine in DW when I tested it. It brings up the nearest location and a Google map. But when I copy and paste the code to another CMS, it wouldn't work when I click on the submit button. I'm using the locations.kml file that was created through Google Maps. Any help would be appreciated from this noob.

Code:
<!DOCTYPE html>
<html>
  <head>
    <title>Library Locations</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="http://abclibrary.org/loader.php?type=d&id=887068" /><!--map.css-->
  </head>

  <body>
    
    <div id="store-locator-container">
      <div id="page-header">
        <h1>Library Locations</h1>

      </div>
      
      <div id="form-container">
        <form id="user-location" method="post" action="#">
            <div id="form-input">
              <label for="address">Enter Address or Zip Code:</label>
              <input type="text" id="address" name="address" />
             </div>
            
            <button id="submit" type="submit">Submit</button>
        </form>
      </div>

      <div id="map-container">
        <div id="loc-list">
            <ul id="list"></ul>
        </div>
        <div id="map"></div>
      </div>
    </div>

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://abclibrary.org/loader.php?type=d&id=887073"></script><!--handlebars-1.0.0.min-->
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="http://abclibrary.org/loader.php?type=d&id=887074"></script><!--jquery.storelocator-->

      <script>
        $(function() {
          $('#map-container').storeLocator({'dataType': 'kml', 'dataLocation': 'locations.kml'});
        });
      </script>

  </body>
</html>