Get jQuery UI Tooltip to Show Div Content

http://forum.jquery.com/topic/get-jquery-ui-tooltip-to-show-div-content

by NishitDhakar

HTML

<div class="item">
    <div class="subitem">Ready</div>
    <div class="subitem">Ready</div>
    <div class="subitem">Maintenance</div>
</div>
<div class="statusRollup">
    <p>Subitem 1: Nothing to report</p>
    <p>Subitem 2: Nothing to report</p>
    <p>Subitem 3: Scheduled maintenance</p>
</div>

JavaScript

$.widget("ui.tooltip", $.ui.tooltip, {
    options: {
        content: function () {
            return $(this).prop('title');
        }
    }
});

$(function () {
    $('.subitem').attr('title', $('.statusRollup').remove().html())
    $(document).tooltip();
});