How to set a value to TextBox using the jQuery library

I have an DxTextBox control.I would like to know how to set value in DxTextbox via JQuery.I have tried below code but its not working…

DxView:-

HTML
<div data-options="dxView : { name: 'mTaskEntry', title: 'mTaskEntry' } " >  
    <div data-options="dxContent : { targetPlaceholder: 'content' } " class="dx-content-background">  
        <div id="TxtTaskName" data-bind="dxTextBox:  { }"></div>  
    </div>  
</div>  


JS:-  

Task.mTaskEntry = function (params) {  
    "use strict";  

    $.ajax({  
        type: 'GET',  
        headers: { "Authorization": 'Bearer ' + sessionStorage.getItem("tokenKey") },  
        url: 'http://103.76.188.138:85/mportservice/api/TaskAssign/GetTaskAssign?CompanyID=1&TaskAssignID=' + params.id,  
        dataType: "json",  
        success: function (data) {  
            alert(data[0].TaskName);  
            $('#TxtTaskName').val(data[0].TaskName); ---------------> Here is My Code  

        },  
        failure: function (data) {  
            alert(JSON.stringify(data));  
        },  
        error: function (data) {  
            alert(JSON.stringify(data));  
        }  

    });  

    var viewModel = {  
        //  Put the binding properties here  



    };  

    return viewModel;  
};