javascript - how to select a input using jquery -

my html below (it's not html i'm echoing using php. , has lot of <li></li> same 3 inputs content. it's dynamically generated one)

<li><span class='add-on'></span>" .     "<input class='' type='text' value='' />     <input class='picker' type='hidden' value='' name=''  />     <input class='datepicker' type='text' /> </li> 

i want select first input using css. tried first-child no luck.we can't put class or id first input. because write js script find non class inputs. want select first input using jquery. , need put first input value , datepicker class value hidden input value. try following script. don't know how select input using jquery.

jquery

var getdate = $(".datepicker").val(); var getmark = $("i want select select first input").val(); var plusval = getdate + getmark;  $(".picker").val(plusval); 

how it?

css:

li > span + input { /* styles here */ } 

jquery:

$('li > span + input').val(); 

here demo.