jquery html call never completes

jquery html call never completes

greetings
i have the following code: which on submit calls a html page which has a preloader set up which shows an animated gif until the html loads. If i go directly to html page it works as expected with the animated gif and load. When i use my code below and use the submit button the html page loads the animated gif and just sits there and never loads the content of the html. Any suggestions please? Thanks

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
   
  
<html>
  <
head>
  <!-- 
jQuery v1.11.0 -->
  <
script type="text/javascript" charset="utf8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
  
<script type="text/javascript">
        function loadQueryResults() {
               $("#mydiv").load($("#region").val()+"command.html");
              return false;
      }
 </script>
 
 <link rel="stylesheet" type="text/css" href="query2.css">
 
 </head>
 <body background=#000000>
 <table>
 <body>
 <tr>
 <h2>Log View:</h2>
 <form name="region" action="" method="POST">
  <select id="region" name="region">
          <option value="10.8.1.12">New York</option>
          <option value="18.15.1.45">New York</option>
          <option value="10.1.14.74">New York</option>
  
          </select>
          <noscript><input type="submit" value="Submit"></noscript>
 </form>
 </td>
 </tr>
 
 <td>
   <button type="submit" onclick="return loadQueryResults();">Submit Query</button>
   <DIV id="mydiv"></DIV>
   </div>
 </td>
 
 </body>
 </table>
 </html>