title: how to store only specific element text into input hidden value?
body: <p>I am trying to put text value into input hidden value when click on the submit button, </p>
  
  <p>this is I tried so far,</p>
  
  <pre><code>$(document).ready(function(e) {
      $(this).click(function(e){
          var domain_price = $('.domain_price').text();
          $('#order_domain').val(domain_price);
      });
  });
  </code></pre>
  
  <p>but this put text from all <code>.domain_price</code> content.</p>
  
  <p><strong>HTML</strong></p>
  
  <p>this is the result where the <code>hidden value</code> is shown. I don't want like this.</p>
  
  <p>I just want to put the only current form value in the hidden value.</p>
  
  <pre><code>&lt;h2 style="color:green;"&gt;Domain Domain.org is available. &lt;span class="domain_price"&gt;$9.95/year&lt;/span&gt; &lt;form action="" method="post" onsubmit="return false;"&gt;
                          &lt;input type="hidden" value="$9.95/year$9.95/year" id="order_domain" name="order_domain"&gt;
                          &lt;input type="submit" id="submit" value="Order Now"&gt;
                      &lt;/form&gt;&lt;/h2&gt;
  
  
  &lt;h2 style="color:green;"&gt;Domain Domain.org is available. &lt;span class="domain_price"&gt;$9.95/year&lt;/span&gt; &lt;form action="" method="post" onsubmit="return false;"&gt;
                          &lt;input type="hidden" value="" id="order_domain" name="order_domain"&gt;
                          &lt;input type="submit" id="submit" value="Order Now"&gt;
                      &lt;/form&gt;&lt;/h2&gt;
  </code></pre>
  
  <p>any Idea how to do this?</p>