Jquery assign value to input

Question

I have the following input field

<input type="text" name="location[state_id]" id="location[state_id]" value="" >

and i am trying to assign there a value with the following jquery

$("#location\\[state_id\\]").val("5");

but it does not working! It works only if the name of both is only location.

Thanks

Answer 1

As # is an id selector, you could try to set the id of the input to a valid CSS id and let the name of the input the same (I assume that this format is required by a framework of some kind). For example, the HTML can look like:

<input type="text" id="location_state_id" name="location[state_id]" value="" />

and the jQuery expression:

$('#location_state_id').val('5');