.load problem

.load problem

  2. <form action="info.php" method="GET">
  3.     Nickname: <input id="race" type="text" />

  5.      <input type="submit" value="Search" />

  7. &nbsp;&nbsp;Language:
  8. <select id="language">
  9. <option value="en" select="selected">English</option>
  10. <option value="de">German</option>
  11.                                          </select>
  12. </form>

  15. <div id="race_info"></div><br />
  16. <script>

  18.    $("form").submit(function() {

  20. var name = $("#race").val();
  21. var language = $("#language").val();
  22.      $('#race_info').load('info.php?name=' + name + '&language=' + language + ' #race_list', function() {
  23. $(this).hide()
  24. .appendTo('#race_info')
  25. .slideDown(1000);
  26. });
  27. return false;

  29.    });
  30. </script>
The problem:

If i enter a value that has a space in it like "[x] name" it only passes on the [x] not the hole value .... what is the problem ?
I get a error in the jquery at line 103 something like   hierarchy_request_err:DOM Exception 3