function ajaxPost (form, token, callback) {
    var url = form.action,
        xhr = new XMLHttpRequest();

    //This is a bit tricky, [].fn.call(form.elements, ...) allows us to call .fn
    //on the form's elements, even though it's not an array. Effectively
    //Filtering all of the fields on the form
    var params = [].filter.call(form.elements, function(el) {
        return true;
    })
    .map(function(el) {
        //Map each field into a name=value string, make sure to properly escape!
        return encodeURIComponent(el.name) + '=' + encodeURIComponent(el.value);
    }).join('&'); //Then join all the strings by &


    xhr.open("POST", url);
    // Changed from application/x-form-urlencoded to application/x-form-urlencoded
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    //.bind ensures that this inside of the function is the XHR object.
    xhr.onload = callback.bind(xhr);

    //params += '&g-recaptcha-response=' + token;
    //All preperations are clear, send the request!
    xhr.send(params);
}

function onCallSub(token) {

    document.getElementById("postformSenderUrl").value = window.location.href;
    ajaxPost(document.forms['pform'], token, function() {
        document.getElementById('csepostform').innerHTML = 'Kiitos! Olemme pian yhteyksissä.';
    });
}


var html = ''; 

html += '<form id="pform" name="pform" action="https://csepostform.azurewebsites.net/post/send" method="post">';
html += '<input type="hidden" name="postform-sender-url" id="postformSenderUrl" value="">';
html += '<div class="form-group"><label for="Name">Nimi *</label><br /><input type="text" style="min-width: 300px;" required class="form-control" name="Name"></div><br />';
html += '<div class="form-group"><label for="Phone">Puhelin *</label><br /><input type="text" style="min-width: 300px;" required class="form-control" name="Phone"></div><br />';
html += '<div class="form-group"><label for="From">Email *</label><br /><input type="text" style="min-width: 300px;" required class="form-control" name="Email"></div><br />';
html += '<div class="form-group"><label for="From">Maa *</label><br /><input type="text" style="min-width: 300px;" required class="form-control" name="Country"></div><br />';
html += '<div class="form-group"><label for="Organisation">Organisaatio *</label><br /><input type="text" style="min-width: 300px;" required class="form-control" name="Organisation"></div><br />';
html += '<div class="form-group"><label for="Message">Viesti</label><br /><textarea style="min-width: 300px;" rows="4" class="form-control" name="Message"></textarea></div><br />';

html += '<button class="g-recaptcha" data-sitekey="6Ld6jrUUAAAAAE1Rr8lcSZIwb1ns88tZ7Ot2g9Pg" data-callback="onCallSub" data-size="invisible">L&#xE4;het&#xE4;</button>';
html += '</form>';

document.getElementById('csepostform').innerHTML = html;

var script = document.createElement('script');
script.src = 'https://www.google.com/recaptcha/api.js';
document.head.appendChild(script);