$.ajax refuses to work. Using jQuery Steps Plugin.

$.ajax refuses to work. Using jQuery Steps Plugin.

I'm using jQuery Steps plugin from jquery-steps.com. I have created a multi-step form and I want to submit it via AJAX. I'm inside WordPress environment and here's my code. 
-----

  2.             onFinished: function (event, currentIndex) {
  3.                 var form = $(this);
  4.                 alert("All Fine Till This Step");
  5.                 form.submit(function(event) {
  6. alert("Ajax Entry Successful");
  7.                     event.preventDefault();
  8.                     //$(".myspinner").show();
  9.                     var form = $(this);
  10.                     var io_resume_form_data = form.serialize();
  11.                     console.log();
  12.                     $.ajax({

  14.                         type:'POST',
  15.                         dataType:'json',
  16.                         url:ajaxurl,
  17.                         data:io_resume_form_data,
  18.                         success:function (data, textStatus) {
  19.                             alert("SUCCESS");
  20.                         },
  21.                         error:function (jqXHR, textStatus, errorThrown) {
  22.                             alert("FAIL");
  23.                         },
  24.                         complete: function(){
  25.                             //$(".myspinner").hide();
  26.                         }

  28.                     });

  30.                 });
  31.             }

----

1. I get alert - "All Fine Till This Step", as expected upon clicking 'Finish' button on the form's last step.

2. Nothing happens I close above alert. It looks like AJAX ain't letting me in; and I've no clue why. My best guess is that I've messed up with the form.submit(). 

Would really appreciate if you could offer a helping hand. I've already spent almost a day trying to fix it all by myself. Thanks!