title: jQuery showing empty string on input text?
body: <p>I have a form like this</p>
  
  <pre><code>&lt;form action=""&gt;
    &lt;label for="name"&gt;Name&lt;/label&gt;
    &lt;input type="text" id="name" /&gt;
  &lt;/form&gt;
  
  
  &lt;script type="text/javascript"&gt;
    jQuery(document).ready(function() {
      var Name = jQuery('#name').val();
      jQuery('#name').blur(function() {
        console.log(Name);
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>but here when I am entering any values in the input text field it is showing error like 
  <code>(an empty string)</code>. So can someone tell me what is the wrong here? How to solve this?</p>