Unbinding inline onClick not working in jQuery?
<p>Okay so, I'm wondering how to unbind an inline onclick event in jQuery.  You'd think <code>.unbind()</code> would work, however it doesn't.  </p>

<p>To test this for yourself, play around with the following HTML and JavaScript:</p>

<pre><code>function UnbindTest() {
    $("#unbindTest").unbind('click');
}

function BindTest() {
    $("#unbindTest").bind('click', function() { alert("bound!"); });
}


&lt;button type="button" onclick="javascript:UnbindTest();"&gt;Unbind Test&lt;/button&gt;
&lt;button type="button" onclick="javascript:BindTest();"&gt;Bind Test&lt;/button&gt;
&lt;button type="button" onclick="javascript:alert('unbind me!');" id="unbindTest"&gt;Unbind Button&lt;/button&gt;
</code></pre>

<p>As you can see, unbinding does not unbind the inline <code>onclick</code> event... however it does unbind the click event added with <code>bind()</code>.  </p>

<p>So, I'm wondering if there is a way to unbind inline onclick events short of doing the following:</p>

<pre><code>$("#unbindTest").get(0).onclick = "";
</code></pre>

<p>Thanks</p>
