title: How I can clear textbox text before ajax form submit event?
body: <p>I want to clear textbox after ajax posting.</p>
  
  <pre><code>&lt;div style="padding: 5px; background-color: Silver;"&gt;
  @using (Ajax.BeginForm("_MessagesPartial", "Chat", new AjaxOptions { UpdateTargetId = Model.room_id.ToString() }))
    {
      &lt;div style="padding: 5px 15px 5px 5px;"&gt;
          @Html.TextBox("textbox_message", null, new { @class = "text_yorum", id = "text_box_chat" })
          @Html.Hidden("oda_id", Model.room_id)
      &lt;/div&gt;
    }
  &lt;/div&gt;
  
  &lt;div id="@Model.room_id" style="height:400px;overflow-y:scroll;position: relative;"&gt;
      @Html.Action("_MessagesPartial", "Chat", new { room_id = Model.room_id })
  &lt;/div&gt;
  </code></pre>
  
  <p>there are a lot of example, but they do not work. I m already using this code, but it is too slow.</p>
  
  <pre><code>$("form").submit(function () {
     $.get('@Url.Action("_MessagesPartial", "Chat", new { room_id = Model.room_id }) ', {}, function (view) {
         $("#@Model.room_id").html(view);
         $("#text_box_chat").val("");
     });
  });
  </code></pre>
  
  <p>Is there any way to do this.</p>