Question

$(document).ready(function(){
  $(".submit").click(function() {

    var emailVal = $(".email").val()

    $.ajax({ type: 'POST',
             url: 'settings/update',
             data: { email: emailVal },
             beforeSend:function(){

                //loading image
                $('#ajax-panel').html('<div class="loading"><img src="/images/ajax-loader.gif" alt="Loading..." /></div>');

             },
             success:function(data){

                 // successful request; do something with the data
                 $('#ajax-panel').empty();

                 $('#ajax-panel').html(data);     

             },
             error:function(){

                 // failed request; give feedback to user
                 $('#ajax-panel').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
             }
          });
        });
      });

The emailVal variable is not getting sent as post data. Is there something wrong with my syntax?

Answer 1

Missing a semi-colon at the end of this line.

var emailVal = $(".email").val()