Unable to set TextArea value using Jquery

Question

I am only setting one simple value in text area using jquery on radio button click. but it sets nothing.

My Code is:

Javascript
---------
$("input[name=radio_workitem]").on("change",function(){

   $("input[name='workItemVO.note']",'#id_form_workitem_view').val("dummyNote");
}


<!-- language: lang-html -->

    <input type="radio" name="radio_workitem" value="<s:property value="workItemId"/>">

    <s:form id="id_form_workitem_view">
        <s:textfield name="workItemVO.subject" id="id_txt_wi_subject" class="form-control" readonly="true" />
        <s:textfield  name="workItemVO.createdBy" class="form-control" readonly="true"/>

        <s:textarea name="workItemVO.note"  class="form-control" rows="4"></s:textarea>

What I have Tried:

$("input[name='workItemVO.note']",'#id_form_workitem_view').html("dummyNote");
$("input[name='workItemVO.note']",'#id_form_workitem_view').text("dummyNote")

Doesn't work.

Here: if I set value using text area id, it works properly example: $("#Note").val("dummyNote"); // works fine

But I want to use "Name" not "Id"

Plz help, i am very new in Stack overflow, may be some mistake in my description. Plz let me know.

Thanks in Advance

Answer 1

input[name='workItemVO.note'] //this won't work because textArea is not an input

use textarea instead of input

$("textarea[name='workItemVO.note']").val('dummyNote')

JSFIDDLE DEMO