jquery marking values less than selected value as checked
<p>I have numerous checkboxes that are prices and what I've tried to do is the following</p>

<p>When someone selects a prices/checkbox, it will automatically check the values that are less than the selected value.</p>

<p><a href="http://jsfiddle.net/ppw5z/1/" rel="nofollow">JsFiddle</a></p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div class="prices"&gt;
    &lt;input type="checkbox" value="59.99" /&gt;59.99
    &lt;input type="checkbox" value="69.99" /&gt;69.99
    &lt;input type="checkbox" value="79.99" /&gt;79.99
    &lt;input type="checkbox" value="89.99" /&gt;89.99
    &lt;input type="checkbox" value="99.99" /&gt;99.99
    &lt;input type="checkbox" value="124.99" /&gt;124.99
    &lt;input type="checkbox" value="149.99" /&gt;149.99
    &lt;input type="checkbox" value="199.99" /&gt;199.99
    &lt;input type="checkbox" value="200.00" /&gt;200.00
&lt;/div&gt;
​
</code></pre>

<p><strong>JQUERY</strong></p>

<pre><code>$('.prices input[type=checkbox]').live('click', function (){
     console.log(this);
     $(this).attr('checked', true);
     var chosenPrice = $(this).val();
     console.log(chosenPrice);
     $(".prices input").filter(function(){ 
     return  $(this).attr("value") &lt;=chosenPrice}).attr('checked', true);
});​
</code></pre>

<p>It selects some values but it doesn't seem to work as it should be. check out the fiddle</p>
