Get jQuery UI Tooltip to Show Div Content II

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">Maintenance</div>
</div>
<div class="statusRollup">
    <p>Subitem 1: Nothing to report</p>
    <p>Subitem 2: Scheduled maintenance</p>
</div>
<div class="item">
    <div class="subitem">Deadlined</div>   
</div>
<div class="statusRollup">
    <p>Subitem 1: Just won't work.</p>    
</div>

JavaScript

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

$(function () {
    $('.item').attr('title', function(){
        return $(this).next('.statusRollup').remove().html()
    })
    $(document).tooltip();
});