title: get html form value using jquery through selectors
body: <pre><code>&lt;form id="Task1_1_1"&gt;
      Keywords: &lt;input type="text" name="twitKey" value="iphone"&gt;&lt;br&gt;&lt;br&gt; 
      Coordinates: &lt;input type="text" name="twitLoc" value=""&gt;&lt;br&gt; &lt;br&gt; 
      Scope: &lt;input type="text" name="scope" value="10" &gt; km&lt;br&gt; &lt;br&gt;
      &lt;button id="sendButton1_1_1"&gt;Search&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This is the form. I can get the values of the form through the following code.</p>
  
  <pre><code>$('#sendButton1_1_1').on('click', function(e) {
      console.log($('#Task1_1_1').val());
  });
  </code></pre>
  
  <p>Here is the output from the js console </p>
  
  <pre><code>twitKey=iphone&amp;twitLoc=&amp;scope=10
  </code></pre>
  
  <p>My question is how to get the value of twitKey by using selectors?
  Or do I have to parse myself?
  I already know I get value by id 
  <a href="https://stackoverflow.com/questions/26159392/get-the-value-from-html-form-using-jquery">Get the value from HTML form using jquery</a></p>
  
  <p>I want to know whether I can get the value from value name such as </p>
  
  <pre><code>name="twitKey"
  </code></pre>