executing 2 functions in one click handler
<p>how can I execute 2 functions at the same time. In the code snippet below with the onclick, I get the <code>id</code> of the parent Div and then execute a function using the <code>id</code>,</p>

<pre><code>&lt;div id="selDe"&gt;
&lt;input type="radio" class="ger" id="num1" checked&gt;&lt;label for="num1"&gt;
&lt;input type="radio" class="ger" id="num2"&gt;&lt;label for="num2"&gt;
&lt;/div&gt;
&lt;div id="selRe" &gt;
&lt;input type="radio" class="ger" id="num1" checked&gt;&lt;label for="num1"&gt;
&lt;input type="radio" class="ger" id="num2"&gt;&lt;label for="num2"&gt;
</code></pre>

<p>JS:</p>

<pre><code>&lt;script&gt;
$(".ger").on({
    click:function(){
        var pid = $(this).parent().attr("id");  //get the name of the div parent
        $("#"+pid+" .ger").on({   
//execute the function, but it just works after the next click
            click: function () {
                var showV = this.id.slice(3);
                alert(showV)
            }
        });
    }
});
</code></pre>

<p></p>
