JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<script src="http://marionettejs.com/downloads/backbone.marionette.js"></script>

<form id="ids" >
    <label for="name">Name:</label>
    <input required type="text" id="nickname"  />
    <label for="name">email:</label>
    <div>
    <input  required type="text" id="email" />
    </div>
    <a href="#" id="btn">submit</a>
</form>

CSS

body {
    margin: 10px;
    font: 13px/1.3 Arial;
}

JavaScript

var View = Backbone.View.extend({
    el : 'form',
    events : {
        'submit' : 'put'
    },
    put : function (e) {
        var RestParam={};
        e.preventDefault();
        console.log("submit");
        var formId=e.currentTarget.id;
      var inputs = $('#'+formId).find(':checked,:selected,:text,textarea').filter(function() {
    return $.trim( this.value ) != '';
});
var formField = inputs.map(function(){
    return this.value;
}).get();

$.each(formField, function( index, value ) {
    RestParam['credentialFields['+index+'].value']=value;
              console.log(index);  
});
    RestParam["credentialFields.enclosedType"]="com.yodlee.common.SecureFieldInfoSingle";
    RestParam["siteId"]= 16441;
    console.log(""+JSON.stringify(RestParam));
    }

});

var Router = Backbone.Router.extend({
    
});

var app = new Router();
var view = new View();

Backbone.history.start();