Не обрабатываются переменные(

<button class="recall_button">Заказать <br>обратный <br>звонок</button>
        <div class="popup_recall">
          <div class="close_pp"></div>
          <span>Заказать обратный звонок</span><br>
          <div class="message_input"></div>
          <input type="text" placeholder="Имя" name="email" class="text_input email"><br>
          <input type="text" placeholder="Телефон" class="text_input phone"><br>
          <input type="submit" class="send_phone">
        </div>
        <script>
        $(".recall_button").click(function() {
          $(".popup_recall").fadeIn("slow");
          $("body").append("<div id='overlay'></div>");
          $('#overlay').show();
        })
        $(".close_pp").click(function() {
          $('.popup_recall').fadeOut(700);
            $("body div#overlay").remove();
        })
        $(".send_phone").click(function() {
          var name = $('.text_input email').val();
          var phone = $('.text_input phone').val();
                        
                            $.ajax 
                          ({
                              url: "catalog/view/javascript/send.php", 
                              type: 'POST',
                              data: "name="+name+"&phone="+phone,
                              dataType: 'json',
                              success: function(){
                                $('div.message_input').text("Спасибо!<br>Вам перезвонят в ближайшее время!");
                              }
                          });
        })
        </script>