Form not submitting within Iframe - laravel

Question

I want to submit a form within an iframe using javascript. this is the code which i tried. This doesn't work. Any one have idea?
$(document).ready(function () {
$("#get_response_form").submit();
});
<iframe src="" frameborder="0">
<form action="https://app.getresponse.com/add_subscriber.html" accept-charset="utf-8" method="post"
id="get_response_form">
<!-- Name -->
name: <input type="text" name="name" value="{{ array_key_exists('fname',$this->data)?$this->data['fname']:'' }}
{{ array_key_exists('lname',$this->data)?$this->data['lname']:'' }}" /><br />
<!-- Email field (required) -->
email: <input type="text" name="email"
value="{{ $this->data['email']?$this->data['email']:'' }}" /><br />
<!-- List token -->
<!-- Get the token at: https://app.getresponse.com/campaign_list.html -->
<input type="hidden" name="campaign_token" value="{{ $this->campaign->get_respond }}" />
<!-- Subscriber button -->
<input type="submit" value="Subscribe" />
</form>
</iframe>

Answer 1

$("#get_response_form").click(function (e) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
e.preventDefault();
var form = document.forms.namedItem("name of your form");
$.ajax({
url: "{{url('Post url in your web.php')}}",
method: 'POST',
data: form,
success: function (response) {
location.reload();
console.log(response);
// alert(response);
},
error: function (response) {
console.log('Error:', response);
// alert(response);
}
})
$('#get_response_form')[0].reset();
});