title: jquery .each() doesn`t work with my div class
body: <p>There are some divs in my html and this js code in another file. Can`t find the problem why it doesn't work.</p>
  
  <pre><code>$(".inputDiv").each(function () {
      $(this).focus(function () {
          $(this).css("border-bottom", "2px solid dodgerblue");  
      }).blur(function () {
          $(this).css("border-bottom", "2px solid gray");
      });
  });
  </code></pre>
  
  <p>Other scripts from this file works fine.
  My piece of html</p>
  
  <pre><code>&lt;form method="post" th:action="@{/login}"&gt;
          &lt;div class="inputDiv"&gt;
              &lt;div&gt;
                  &lt;span&gt;login&lt;/span&gt;
              &lt;/div&gt;
              &lt;input type="text" class="inputLogin dataField" name="username"&gt;
          &lt;/div&gt;
          &lt;div class="inputDiv"&gt;
              &lt;div&gt;
                  &lt;span&gt;password&lt;/span&gt;
              &lt;/div&gt;
              &lt;input type="password"  class="inputPass dataField" name="password" &gt;
          &lt;/div&gt;
          &lt;input type="submit" value="Увійти" id="buttonEnter" disabled="false"&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>I want to change div border-bottom when clicking on it and also change it back when clicking other zone.</p>