I have a form that I created that I want to populate certain sections of a bit of pre-written code with the inputs from the form. 

The Javascript is as follows

```
$.fn.serializeObject = function(){
var o = {};
var a = this.serializeArray();
$.each(a, function() {
    if (o[this.name] !== undefined) {
        if (!o[this.name].push) {
            o[this.name] = [o[this.name]];
        }
        o[this.name].push(this.value || '');
    } else {
        o[this.name] = this.value || '';
    }
});
return o;
};

$(function () {
$('form').submit(function (e) {
e.preventDefault();
var oo = $('form').serializeObject();
var template = '<center><a href="{url}" target="_blank" onclick="cmCreateCustomTag(\'8888\',\'-_--_--_--_--_-____{name}_{bannerposition}_{trigger}-_-Pers_MNT_{name}_-_--_-\' + new Date().toISOString() + \'-_-\');" ><img src="{imgsrc}" alt="{alt}" title="{title}"></a></center>';

$('#result').text(
    template.replace(/{url}/g, oo["URL"])
                .replace(/{name}/g, oo["name"])
                .replace(/{trigger}/g, oo["trigger"])
                .replace(/{bannerposition}/g, oo["banner_position"])
                .replace(/{imgsrc}/g, oo["image_src"])
                .replace(/{alt}/g, oo["alt"])
                .replace(/{title}/g, oo["title"])
    );
});

```

Here is the [entire code in a JsFiddle](http://jsfiddle.net/nelsonfisherjr/Eu4cy/).

I have included what the final form should look in the commented out section at the bottom of the code. How do I insert the data so that I can use the data quickly?