jquery - Coupling View and Controller in Javascript -

jquery - Coupling View and Controller in Javascript -

first have basic question coupling 2 input elements. in case slider , input element:

<div class="userinput"> <input id="slider" type="range" min="0" max="100"/> <input id="number" type="number" max="100"/> </div>

js:

$('#slider').corresponding = $('#number'); $('#number').corresponding = $('#slider'); $('#slider').onchange(function(){this.corresponding.value = this.value;}); $('#number').onchange(function(){this.corresponding.value = this.value;});

so works me seems me dirty hack, extending jquery object. bad feeling grows when appending controller jquery objects:

var mycontroller = new controller(); $('#slider').controller = mycontroller; $('#slider').onchange(function(){ this.corresponding.value = this.value; this.controller.sliderchange(this.value); });

i appreciate suggestions how done "the right way". couldn't figure out improve way yet because have big , changing number of user inputs, each requiring own controller object, held in array in mastercontroller class.

maybe can set inputs within <form></form> tag in jsp , phone call form submit event or serialize event. latter (serialize value stored against button not stored , need name attribute in jsp tags well, may submit improve option).

//jsp page <form id="myform" > <input type="text" value="enter here"> <input type="submit" value="submit"> </form> //js phone call ( "#myform" ).submit(function( event ) { // phone call controller });

javascript jquery view controller