javascript - Find next input element in DIV using JQuery -

the api method using takes list of parameters in form of dictionary<string,string>. building inputs dynamically javascript, have div row , 2 inner div cells, 1 parameter name , 1 parameter value input.

i can use .each() loop through each of parameter name divs need figure out how value of input displayed directly after it.

with following pseudo code show idea, best approach parameter values together?

css table:

consumedvalues.innerhtml += "<div class='valuesrow'>"; consumedvalues.innerhtml += "<div class='valuescellname'>" + consumesitem + "</div><div class='valuescellvalue'><input type='text'></div>"; consumedvalues.innerhtml += "</div>"; 

parameter dictionary:

var parameters = {};  $('.valuescellname').each(function(index) {     parameters[$(this).html()] = "input_value_here"; }); 

since siblings, use next()

$(this).next().find("input").val()