سوال: ارسال اطلاعات فرم به بانک اطلاعاتی از طریق Modal موجود در bootstrap درphp

سلام من از قالب بوت استرپ استفاده میکنم . در صفحه لاگین قسمت بازیابی رمز ورود و نام کاربری را بصورت مودال طراحی کرده ام.
صفحه لاگین بصورت زیر است:



<script type="text/javascript">

        $(document).ready (function(){

        

         $('#form-modal').submit(function(e){

        e.preventDefault();

        var data = $(this).serialize();

        $.ajax({

           method:'POST',

             url:'http://localhost/data.php',

             data: data,

           success:function(response){

         console.log(response);

          

          $("#email").val("");

        },

           

         error:function(){

             alert('somthing is wrong');

           }

          });

        return false;

      

      });

  

  });

 

    </script>

    <style type="text/css">

    </style>

</head>

<body>

    <div class="container">

<div class="row">

        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" >

       

            <"form role="form"  method="post">

                  <div class="form-group">

            <span class="star">*</span>

                    <label for="username">نام کاربری</label>



                <div class="input-group username">

                      <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span><input type="text" class="form-control" id="username" placeholder="نام را وارد کنید" name="username">

                </div>





                  </div>





                  <div class="form-group">

            <span class="star">*</span>

                    <label for="password">رمز ورود</label>





                <div class="input-group password">

                      <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span><input type="password" class="form-control" id="password" name="password"  placeholder="رمز ورود را وارد کنید">

                </div>



                  </div>



            <button type="submit"  class="btn">ورود</button>

     

  <!-- Trigger the modal with a button -->



   <p><a href="#myModal" role="link" data-toggle="modal" data-target="#myModal" id="style">نام کاربری خود را فراموش کرده اید؟</a></p>



  <!-- Modal -->



  <div class="modal fade" id="myModal" role="dialog">



    <div class="modal-dialog">



      <!-- Modal content-->



      <div class="modal-content">



        <div class="modal-header">



          <button type="button" class="close" data-dismiss="modal">&times;</button>



          <h4 class="modal-title">بازیابی نام کاربری</h4>



        </div>



        <div class="modal-body">

          <h5>لطفا ایمیلی را که با آن ثبت نام کرده اید را وارد نمایید.نام کاربری برایتان ارسال خواهد شد.</h5>



          <form role="form" method="post" id="form-modal">



             <div class="form-group">

                <span class="star">*</span>

                    <label for="email" class="lable-modal">پست الکترونیک</label>



               <div class="input-group email">

                 <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span><input type="email" class="form-control" id="email" name="email" placeholder="پست الکترونیک خود را وارد کنید">

               </div>

              </div>

          

            </form>

        </div>



        <div class="modal-footer">



          <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>

          <button type="submit" class="btn">ارسال</button>



        </div>

      </div>

    </div>

 

</div>

میخواهم وقتی وارد قسمت بازیابی رمز شدم و ایمیل خود را وارد کردم در صورت درست وارد کردن ایمیل رمز ذخیره شده در دیتابیس به ایمیل ارسال شود.

حالا باید در صفحه (url:'http://localhost/data.php) چه اطلاعاتی داشته باشم که بتوانم این کار را انجام دهم؟؟؟؟؟
باتشکر