JQuery не очищает данные формы в представлении ASP.NET MVC со встроенными частичными представлениями

В нашем приложении ASP.NET MVC 4 у нас есть представление Index.cshtml с одним тегом формы и несколькими частичными представлениями, встроенными в этот тег. Index.cshtml имеет горизонтальные вкладки вверху, и каждое частичное представление связано с одной из этих вкладок:

@{
    ViewBag.Title = "Main Page";
}
@section Scripts{
<script type="text/javascript">
   $(document).ready(function () {
     $('#btnClearAll').click(function () {
        $(':input').not(':button, :submit, :reset, :hidden').val('');
     });
});
</script>
}
<form action="#">
<div id="tabs">
  <ul>
     <li><a href="#Tab1" id="Tab1_menu_link">Tab 1/a></li>
     <li><a href="#Tab2" id="Tab2_menu_link">A</a></li>
     <li>.......</li> //other tabs ...
  </ul>
  <div id="Tab1">
     @{Html.RenderPartial("View1");}
  </div>
  <div id="Tab2">
     @{Html.RenderPartial("View2");}
  </div>
  ......//other embedded views etc.
</form>

View1 имеет кнопку «Очистить все». Мы написали событие щелчка (как показано выше) внутри тега файла Index.chtml, чтобы, когда пользователь нажимает на указанную выше кнопку, очищаются данные всех элементов управления вводом из всех частичных представлений внутри этой единственной формы. Но кнопка очищает данные только от элементов управления внутри частичного представления1.

Элементы управления вводом всех частичных представлений имеют текстовый тип (текстовые поля), некоторые из их значений доступны только для чтения и поступают из текстовых полей из других частичных представлений. Например, textbox1 для view1 имеет значение readOnly, а его значение установлено на textbox2 для view2. Значения всех текстовых полей, не предназначенных только для чтения, вводятся пользователем.

Как мы можем заставить приведенный выше код очищать данные из элементов управления вводом во всех частичных представлениях?

Спасибо .. Нам