How do I use two .siblings with the same input type?
<p>I want to get "The walking dead" also but it only gets the first hidden. Can i put a class on .this or how should I do?</p>

<pre><code>$(".articel input[type='button']").click(function(){                    
        var price = $(this).siblings("input[type='hidden']").attr("value");
        var quantity =  $(this).siblings("input[type='number']").attr("value");
        var name = $(this).siblings("input[type='hidden']").attr("value");
        var ul = document.getElementById("buylist"); 
        var prod = name + " x " + quantity + " " + price + "$";

        var el = document.createElement("li"); 
        el.innerHTML = prod; 
        ul.appendChild(el);

&lt;form class="articel"&gt;
        Quantity: &lt;input type="number" style="width:25px;"&gt;&lt;br&gt;
        Add to cart: &lt;input type="button" class="btn"&gt;
        &lt;input type="hidden" value="30"&gt;
        &lt;input type="hidden" value="The walking dead"&gt;
&lt;/form&gt;
</code></pre>

<p>Thanks for helping.</p>
