javascript - フォームが送信されたときに特定のフィールドをリセットするにはどうすればよいですか?

Question

ajax によって作成されたストア フォームがあり、そこにある特定のフィールドをリセットしたいと考えています。これが私のコードで、フォームがレンダリングされた場所から独自のビューまで続きます。

レンダリングされた場所:

ペット/index.html.erb

<div class="tabbable">
   <ul class="nav nav-tabs">
      <li class="active">
         <a href="#tab1" data-toggle="tab">Store</a>
      </li>
   </ul>
   <div class="tab-content">
      <div class="tab-pane active add-store-form" id="tab1">
         <%= render "stores/form" %>
      </div>
   </div>
</div>

作成方法:

注：私の新しいビューと作成ビューの両方に、まったく同じコードがあります。

new.js.erb & create.js.erb (この1行だけ)

$('.add-store-form').html('<%= escape_javascript(render(:partial => 'stores/form', locals: { store: @store })) %>');

Storeフォームで、フィールドを#by theyでリセットしたい：

<%= form_for(@store, :remote => true, :html => { :class => "add-form", :id => "sform" }) do |f| %>

  # <%= f.text_field :name  %>

  # <%= f.check_box :personal %>

    <%= f.collection_select :category_id, Category.all, :id, :name, {}, {} %>

  # <%= f.text_field :address %>

    <%= f.text_field :website %>

  # <%= f.text_field :phone_number %>

  <%= f.submit "Create" %>

これらの特定のフィールドのみをリセットするにはどうすればよいですか?