Передача данных из модального окна в php файл

Доброго времени суток, уважаемые форумчане!
У меня есть модальное окно (bootstrap):

PHP:

1. <div id="myLoginModal" class="modal fade" role="dialog">
2.     <div class="modal-dialog">
3.         <div class="modal-content">
4.  
5.             <div class="modal-header">
6.                 <button type="button" class="close" data-dismiss="modal">&times;</button>
7.                 <h4 class="modal-title">Войти в учетную запись</h4>
8.             </div>
9.  
10.             <div class="modal-body">
11.                 <form class="form-horizontal" id="contact_form" method="post" action="menu.php">
12.                     <div class="form-group">
13.                         <label class="col-md-4 control-label" for="login">Логин</label>
14.                         <div class="col-md-4">
15.                             <input id="login" name="login" type="text" placeholder="" class="form-control input-md" required="">
16.                         </div>
17.                     </div>
18.                     <div class="form-group">
19.                         <label class="col-md-4 control-label" for="password">Пароль</label>
20.                         <div class="col-md-4">
21.                             <input id="password" name="password" type="password" class="form-control input-md" required="">
22.                         </div>
23.                     </div>
24.                 </form>
25.             </div>
26.  
27.             <div class="modal-footer">
28.                 <button type="button" id="loginBttn" class="btn btn-success" data-dismiss="modal">Войти</button>
29.                 <button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
30.             </div>
31.         </div>
32.     </div>
33. </div>

И простой .php файл, в котором я ожидаю получить с помощью post формы две переменные - login & password.

Какой js код необходимо написать, чтобы по нажатию на submit button в post форме, я смог в div элемент с id="content" вывести введенные пользователем login & password?

Я пробовал использовать:

Код (Javascript):

1.     $(document).ready(function(){
2.         $("#loginBttn").click(function() {
3.             $("#content").load('menu.php');
4.         });
5.     });

Но к сожалению получал ошибку в php файле: undefined index login, password.

 

а как тогда поток в content элемент прогрузить test.php твой?
--- Добавлено ---
Нашел пример в рунете:

Код (Javascript):

1. $.post(
2.   "/ajaxtest.php",
3.   {
4.     param1: "param1",
5.     param2: 2
6.   },
7.   onAjaxSuccess
8. );
9. function onAjaxSuccess(data)
10. {
11.   // Здесь мы получаем данные, отправленные сервером и выводим их на экран.
12.   alert(data);
13. }

Но как в param1 и param2 передать login и password input поля? Через id? name?