title: How do I clear a text EditorFor
body: <p>I have an element on a Razor page like this:</p>
  
  <pre><code>&lt;td&gt;
      &lt;div class="col-md-12"&gt;
          @Html.EditorFor(model =&gt; model.FreeTextName, new { htmlAttributes = new { @class = "form-control" } })
      &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>When the page first renders it has hint text in it like 'Enter name to search for here'</p>
  
  <p>I would like for this text to disappear when the user clicks into the field so I wrote a little script like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $('#FreeTextSwitchId').focusin(
          $('#FreeTextName').val("")
          )
  &lt;/script&gt;
  </code></pre>
  
  <p>But now my page renders with the hint test gone. I know it is the script doing it because if I do something like this: <code>$('#FreeTextName').val("test")</code> then 'test' shows up instead of the hint text.</p>
  
  <p>What am I doing wrong here?</p>