Передача данных с формы в AJAX запрос

<script src="jquery-1.12.0.min.js"></script>
<script>
    $(document).ready(function(){
        PopUpHide();
    });
    
    function PopUpShow(){
        $("#form").show();
    
        $(function() {
    
            $('input').bind('focus blur', function(e) {
                var borderVal = e.type == "focus" ? "medium solid green" : "";
                $(this).css("border", borderVal);
            });
        
        });
    
    }
    
    function PopUpHide(){
        $("#form").hide();
    
        $.ajax({
            type: "POST",
            url: "http://test.php/sender.php",
            data: "name=JohnBoston&question=bla_bla_bla",
        });     
    
    }
    
</script>
 
<div class="b-container">
    <a href="javascript:PopUpShow()">Задать вопрос</a>
</div>
<div class="b-popup" id="form">
    <div class="b-popup-content">
        <form>
            <p>Имя: <input type="text" name="name"></p>
            <p>Вопрос: <input type="text" name="question"></p>
            <a href="javascript:PopUpHide()">Отправить</a>
        </form>
    </div>
</div>

<script>
    $(document).ready (
        function(){
            PopUpHide();
        }
    );
    
    function PopUpShow(){
        $("#form").show();
    
        $(function() {
            $('input').bind('focus blur', function(e) {
                var borderVal = e.type == "focus" ? "medium solid green" : "";
                $(this).css("border", borderVal);
                }
            );
            }
        );
    
    }
    
    function PopUpHide(){
        var FormData = $('#form').serialize();
        $("#form").hide();
        $.ajax({
            type: "POST",
            url: "sender.php",
            data: FormData,
            }
        );
        alert ('Вопрос отправлен.');     
        
    }
</script>
 
<div class="b-container">
    <a href="javascript:PopUpShow()">Задать вопрос</a>
</div>
<div class="b-popup" id="form">
    <div class="b-popup-content">
        <form>
            <p>Имя: <input type="text" name="name"></p>
            <p>Вопрос: <input type="text" name="question"></p>
            <a href="javascript:PopUpHide()">Отправить</a>
        </form>
    </div>
</div>

<script src="jquery-1.12.0.min.js"></script>
<script>
$(document).ready (
    function(){
        //PopUpHide();
    }
);
    
function PopUpHide() {
    $('#FormQuestion').hide();
    var StatusForm = 0;
}   
    
$(function() {
    $('#FormButton').click (
        if (StatusForm == 0) {
            $('#FormQuestion').show();
            StatusForm = 1;
        } else {
            $('#FormQuestion').hide();
            StatusForm = 0;
        };
    );
    
    $('#SendButton').click (
    function(e) {
        e.preventDefault();
        var FormData = $('#FormQuestionData').serialize();
        $.ajax({
            url:'sender.php',
            type:'POST',
            data: FormData,
            success: 
            function (mess) {
                alert(mess);
                $('#form').hide();
                }
        });
    }); 
});     
</script>
<div>
    <button id="FormButton" type="button">Задать вопрос</button>
</div>
<div id="FormQuestion">
    <form id="FormQuestionData">
        <p>Имя: <input type="text" name="name"></p>
        <p>Вопрос: <input type="text" name="question"></p>
        <button id="SendButton" type="button">Отправить</button>
    </form>
</div>

$(document).ready (
    function(){
        PopUpHide();
    }
);
    
function PopUpHide() {
    $('#FormQuestion').hide();
    var StatusForm = 0;
}