title: How to change color of text box in razor view ,onFocus and onBlur using jQuery
body: <p>How can I change background color of textBox(text box is in razor view) onFocus or onBlur. I didn't understand which selector to use.</p>
  
  <p>my razor</p>
  
  <pre><code>@using (Html.BeginForm()) {
      @Html.ValidationSummary(true)
      &lt;fieldset&gt;
          &lt;legend&gt;student&lt;/legend&gt;
  
          @Html.HiddenFor(model =&gt; model.id)
  
          &lt;div class="editor-label"&gt;
              @Html.LabelFor(model =&gt; model.firstname)
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.EditorFor(model =&gt; model.firstname)
              @Html.ValidationMessageFor(model =&gt; model.firstname)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              @Html.LabelFor(model =&gt; model.lastname)
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.EditorFor(model =&gt; model.lastname)
              @Html.ValidationMessageFor(model =&gt; model.lastname)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              @Html.LabelFor(model =&gt; model.fathername)
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              @Html.EditorFor(model =&gt; model.fathername)
              @Html.ValidationMessageFor(model =&gt; model.fathername)
          &lt;/div&gt;
  
          &lt;p&gt;
              &lt;input type="submit" value="Save" /&gt;
          &lt;/p&gt;
      &lt;/fieldset&gt;
  }
  </code></pre>
  
  <p>razor after rendering</p>
  
  <pre><code>&lt;div class="editor-label"&gt;
              &lt;label for="firstname"&gt;firstname&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              &lt;input class="text-box single-line" id="firstname" name="firstname" type="text" value="test1" /&gt;
              &lt;span class="field-validation-valid" data-valmsg-for="firstname" data-valmsg-replace="true"&gt;&lt;/span&gt;
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              &lt;label for="lastname"&gt;lastname&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              &lt;input class="text-box single-line" id="lastname" name="lastname" type="text" value="test1" /&gt;
              &lt;span class="field-validation-valid" data-valmsg-for="lastname" data-valmsg-replace="true"&gt;&lt;/span&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Now what tag I should use in script to raise event onFocus and onBlur
  I tried using 
  "textbox","text-box single-line"  using these and some other as selectors but they are working, con some one help me which selector i should use</p>