How can I make a div unselectable?
<p>I would like to make specific div's unselectable Double-clicks, etc. should be blocked. </p>

<p><a href="http://jsfiddle.net/VYKfL/" rel="nofollow">Here's what I've tried:</a></p>

<pre><code>&lt;div id="test" class="unselectable"&gt;asd&lt;/div&gt;

$(document).ready(function() {
    $.ctrl = function(key, callback, args) {
        var isCtrl = false;
        $(document).keydown(function(e) {
            if (!args) args = []; // IE barks when args is null
            if (e.ctrlKey) isCtrl = true;
            if (e.keyCode == key.charCodeAt(65) &amp;&amp; isCtrl) {
                callback.apply(this, args);
                return false;
            }
        }).keyup(function(e) {
            if (e.ctrlKey) isCtrl = false;
        });
    };

    //Other Method
    $(function() {
        $(document).keydown(function(objEvent) {
            if (objEvent.ctrlKey) {
                if (objEvent.keyCode == 65) {
                    objEvent.disableTextSelect();
                    return false;
                }
            }
        });
    });  
});​
</code></pre>

<p>But I find, to my chagrin, that this fails to work. How might I modify my code to achieve my objective?</p>
