title: When adding product to cart default options are added for the product, but not selected ones
body: <p>I've been struggling with this problem for 2 day. In my store each product has 2 options: size and colors (Tshirts). Any shopify experts are here?
  Store: nosmallplan-dev.myshopify.com
  Pass: nsp
  I use ajaxify cart. In Product liquid i have this code:</p>
  
  <pre><code>&lt;div style="display:none;""&gt; 
        {% if product.variants.size &gt; 1 %} 
          &lt;select id="product-select" name="id"&gt;
          {% for variant in product.variants %}
            {% if variant.available %} 
              &lt;option value="{{ variant.id }}"&gt;{{ variant.title | escape }} - {{ variant.price | money }} - {{ variant.sku }}&lt;/option&gt;
            {% else %}
              &lt;input type="hidden" name="id" value="{{ product.variants.first.id }}" /&gt; 
            {% endif %}
          {% endfor %}
          &lt;/select&gt;
          {% endif %}
        &lt;/div&gt;
  </code></pre>
  
  <p>But product with default size and color is always added to cart, doesnt matter even if you choose another option. 
  In Cart.liquid i have this code:</p>
  
  <pre><code>&lt;p class="cart__product--details"&gt;
        {% if item.product.variants.size &gt; 1 %}
        {{ item.product.options[0] }}: {{item.variant.title}}
        {% endif %}
  
  &lt;/p&gt;
  </code></pre>
  
  <p>I believe this code is responsible for showing first option. 
  How can i modify it to show selected option and if none is selected then first option?</p>
  
  <p>Thanks!!!</p>