title: How to add an icon to the WooCommerce “Proceed to Checkout” & "Update Cart" buttons located on the cart page?
body: <p>I'm trying to add a "<a href="http://fortawesome.github.io/Font-Awesome/icon/chevron-circle-right/" rel="nofollow">fa-chevron-circle-right</a>" icon to the "Proceed to Checkout" button and add another icon to the "Update Cart" button.</p>
  
  <p>I've tried changing this</p>
  
  <pre><code>&lt;input type="submit" class="checkout-button button alt" name="proceed" value="&lt;?php _e( 'Proceed to Checkout &amp;rarr;', 'woocommerce' ); ?&gt;" /&gt;
  </code></pre>
  
  <p>to this</p>
  
  <pre><code>&lt;button type="submit" class="checkout-button button btn-primary alt" name="proceed"&gt;&lt;?php _e( 'Proceed to Checkout', 'woocommerce' ); ?&gt; &lt;i class="fa fa-chevron-circle-right"&gt;&lt;/i&gt;&lt;/button&gt;
  </code></pre>
  
  <p>but for some reason the button no longer works. When you click the "Proceed to Checkout" using the button <code>&lt;button&gt;</code> tag it does not proceed to the checkout page like it does when using the default <code>&lt;input&gt;</code> button.</p>
  
  <p>Using CSS3 <code>:after</code> or <code>:before</code> doesn't work on <code>&lt;input&gt;</code> tags either.</p>
  
  <p>I've also tried adding a jQuery form submit trigger to my custom buttons which is not work.  At this point the only hacked solution that I can think of is to visually hide the <code>&lt;input&gt;</code> buttons and trigger their submission via jQuery.</p>