title: How do I get custom HTML attribute in jquery each() loop
body: <p>I have the following HTML</p>
  
  <pre><code> &lt;input type="text" name="first" expression="firstExpression"/&gt;
   &lt;input type="text" name="last" expression="secondExpression"/&gt;
   &lt;input type="text" name="age" expression="thirdExpression"/&gt;
  </code></pre>
  
  <p>I have a custom <b>expression</b> attribute. </p>
  
  <p>I using jQuery to iterate over all the input elements, and although I will need to do something later, I need to be able to grab the expression value for each of these input elements, and compare it to the <b>value</b> of that input element.</p>
  
  <p>I am able to grab the expression value by doing the following</p>
  
  <pre><code>    var expressionValue = inputs.attr("expression");
  </code></pre>
  
  <p>but that only grabs the expression value of the following, I need to be able to do the same thing such as the following scenario</p>
  
  <pre><code> function showValues()
   {
      var inputs = $(":input[expression]");
      inputs.each(function(index){ 
      var input = inputs[index];
      //need to be able to get 'expression' from input var here 
      });
   }
  </code></pre>
  
  <p>the code above is correctly grabbing all the elements I need, but I am unable to figure out how to grab the value of the expression attribute</p>