<h2> Login</h2>
<form action="http://test.com/cgi-bin/login.py" method="POST" target="hiddenFrame2">
Username:<br>
<input type="text" name="username">
<br>
Password:<br>
<input type="password" name="password">
<br>
<br>
<input type="submit" value="Submit">
<br>
<iframe src="about:blank" frameborder="0" width="100" height="50" scrolling="no" name="hiddenFrame2" class="hide"></iframe>
<br>
<br>
</form>

<h2> Login</h2>
<form action="http://test.com/cgi-bin/login.py" method="POST" target="hiddenFrame2" id="myform">
Username:<br>
<input type="text" name="username">
<br>
Password:<br>
<input type="password" name="password">
<br>
<br>
<input type="submit" value="Submit">
<br>
<iframe src="about:blank" frameborder="0" width="100" height="50" scrolling="no" name="hiddenFrame2" class="hide"></iframe>
<br>
<br>
</form>
<span id="log"></span>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="application/javascript">
$(document).ready(function(){
  $("#myform").submit(function(){
      var formvars = $("#myform").serialize();
      var url = "http://test.com/cgi-bin/login.py";

      $.ajax({
        url: url,
        dataType: 'text',
        data : formvars,
        type:"POST",
        success: function(data){
         alert( data );
         var json = eval(data);
         var success = json.success;
         var message = json.message;
         if(success =="1")
           $("#log").text(message); // Success
         else
           $("#log").text(message); // Failed
       },
       error: function(data){
        alert('error; '+ eval(data));
       }
    });
    return false;
  });
});
</script>