postMessage frame

HTML

<script src="https://raw.github.com/cowboy/jquery-postmessage/master/jquery.ba-postmessage.js"></script>
Greetings <span id="name"></span><br/><br/>
What is 2+5?<br/>
<input type="text" id="answer1"><br/><br/>
What is 4+5?<br/>
<input type="text" id="answer2"><br/><br/>
What is 4+1?<br/>
<input type="text" id="answer3"><br/><br/>
<br/>
<input type="button" value="Grade" id="submit"><br/><br/>

JavaScript

$.support.cors = true;

var data ={
    command: "resize",
    height: $("body").outerHeight()+20
}
$.postMessage(
    data,
    'https://www.quickbase.com/db/bgnbbn622?a=dbpage&pageID=6',
    parent
  );

$("#submit").click(function(){
    var data={
        command: "grade",
        answer1: $("#answer1").val(),
        answer2: $("#answer2").val(),
        answer3: $("#answer3").val(),
    }
  $.postMessage(
    data,
    'https://www.quickbase.com/db/bgnbbn622?a=dbpage&pageID=6',
    parent
  );
});

$.receiveMessage(
  function(e){
    $("#name").text(e.data);
  },
  'https://www.quickbase.com'
);