Qtip and <select> not displaying title

Question

I have the following bootstrap and knockout select:

<select title="Select an outbound header column to which the value on the right will map to.  Selecing default will allow you to define a constant value to populate the outbound feed with." 
                                    name="attributeSelect" class="btn btn-default" data-bind="options: $root.ColumnDropdown,
    optionsText: 'PDBColumnName',
    optionsValue: 'PDBColumnId',
    value: SelectedColumn
    "></select>

When mousing over the title displays properly however the following qtip doesn't format it properly

$('select[title]').qtip();

I have this exact same implementation working on the page for check boxes, is there something missing to get this to work with selects?

Answer 1

I'd maybe use data-qtip-title and this:

$('[data-quip-title]').qtip({ // get elements with a non-blank data-tooltip attr.
    content: {
        attr: 'data-qtip-title' // look inside this attribute for its content
    }
})

http://jsfiddle.net/isherwood/7vpP3/2

http://qtip2.com/guides