防止点击文件输入的标签打开文件浏览器

我有一个用户可以上传图像的表单，我正在使用<label>s 为每个输入。但是，在这种特殊情况下，当用户单击标签元素时，不希望打开文件浏览器。我尝试过使用 jQuerypreventDefault标签上有，但不起作用。有什么办法可以禁用这个功能吗？我仍然想坚持使用标签，而不是用其他元素替换它们。

My HTML:

<div class="control-group">
    <label for="userImages" class="nodefault">Please upload images</label>
    <div class="controls">
        <input type="file" id="userImages" name="userImages" />
    </div>
<div>

和我的JS：

$(document).ready(function() {
    $(".nodefault").click(function(e) {
        e.preventDefault();
    });
});

我在用着：
jQuery v1.10.1
jQueryUI v1.10.3
Twitter Bootstrap v2.3.2

你有一个错字.ready()丢失的)到底

$(document).ready(function() {
    $(".nodefault").click(function(e) {
        e.preventDefault();
    });
});

在这里工作正常 http://fiddle.jshell.net/Dpan2/