When clicking on on the LI then automatically click on input radio
<p>When you click on li, I want input radio to be clicked.</p>

<p>However, I am getting an error from conole log saying:</p>

<pre><code>Uncaught RangeError: Maximum call stack size exceeded
</code></pre>

<p>How to fix this?</p>

<p>Here the html code:</p>

<pre><code>    &lt;ul class="Method"&gt;
        &lt;li class="shipping_today active"&gt;
           &lt;label&gt; Label 1 &lt;/label&gt;
            &lt;input value="shipping_today"  name="shipping" type="radio" /&gt;
        &lt;/li&gt;
        &lt;li class="shipping_next_month"&gt;
            &lt;label&gt; Label 2 &lt;/label&gt;
            &lt;input value="shipping_next_month"  name="shipping" type="radio" /&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>Jquery:</p>

<pre><code>$(".Method li").click(function() { 
    var thisLi = $(this);
    var radio = $(this).find("input:radio");

    if (radio.val() == "shipping_today") {
        $(".Method li").eq(1).removeClass("active");
        $(this).addClass("active");
    }

    if (radio.val() == "shipping_next_month") {
        $(".Method li").eq(-2).removeClass("active");
        $(this).addClass("active");
    }

    radio.click(); //problem here...
});
</code></pre>

<p>Is my jQuery code good? what can be improved?</p>

<p>thanks.</p>
