jquery - 完全な文字列が完了するまで入力マスクが機能しないTwitterブートストラップ先行入力

Question

JoshBush入力jqueryマスクプラグインでブートストラップtypeaheadを動作させようとしています。他のプラグインを試しましたが、どちらも機能しません。

入力のマスキングを無効にすると、オートコンプリートがうまく機能します。

これが私のコードです：

$('.phonenumber').mask('(999) 999-9999');   

$('#new-message-phonenumber').typeahead({

        minLength: 2,
        property : 'name',
        source: function( typeahead, query ) {

            $.ajax({
                type: 'POST',
                url: '<? echo site_url('autocomplete/getClientInfoFromPhoneNumber'); ?>',
                dataType: 'json',
                data: {
                    term: query
                },
                success: function(data) {

                    var return_list = [], i = data.length;

                    while (i--) {
                        return_list[i] = {value: data[i].value, name: data[i].screen_name, friendly_name: data[i].name, friendly_phone: data[i].friendly_phone };
                    }

                    typeahead.process(return_list);

                }

            });

        },
        onselect: function (obj) {
            $('#new-message-phonenumber').val(obj.friendly_phone);
            $('#new-message-name').val(obj.friendly_name);
        }
    });

そしてここに私のhtmlがあります：

<div class="span5">
            <label for="new-message-phonenumber">Phone Number</label>
            <input class="input-block-level phonenumber required" id="new-message-phonenumber" name="new-message-phonenumber" type="text" data-provide="typeahead" autocomplete="off">
        </div>