title: Empty textbox on button click by jquery in mvc3 viewpage
body: <p>I have a page in mvc where I have 4 textbox with id and i want to clear the textbox on button click but my code does not seem to do any thing. Here's my piece of code:</p>
  
  <pre><code>&lt;td&gt;&lt;%: Html.TextBoxFor(model =&gt; model.fdose, new { id = "pls", style = "width:100px;"            })%&gt; &lt;/td&gt;
  &lt;td&gt;&lt;%: Html.TextBoxFor(model =&gt; model.fduration, new { id = "plss", style =   "width:100px;" })%&gt;&lt;/td&gt;     
  &lt;td&gt; &lt;button type="submit" class="t-button" name="med" value="med" id="clearmed"&gt;+&lt;/button&gt;&lt;/td&gt;
  </code></pre>
  
  <p>And here's my script:</p>
  
  <pre><code>$("#clearmed").click(function (event) {
  $("#plss").val("");
  $("#pls").val("");
  $("#abc").val("");
  $("#abcd").val("");
   });
  </code></pre>