How to fire an event after two different radio buttons are selected
<p>I have two groups of radio buttons:</p>

<pre><code>&lt;input type="radio" name="amount" value="1"/&gt;
&lt;input type="radio" name="amount" value="2"/&gt;

&lt;input type="radio" name="book" value="fiction"/&gt;
&lt;input type="radio" name="book" value="novel"/&gt;
</code></pre>

<pre class="lang-js prettyprint-override"><code>function myEvent(){
    //do something
}
</code></pre>

<p>I want to fire an event, specifically a call to another function when both radio buttons are checked. I've tried using the <code>click()</code>, and <code>change()</code> functions, however, the call to the function occurs after the first radio button is checked. I want to call a function only after both radio buttons are checked. How do I do this?</p>
