Display span title on hover on ellipsis

Question

I am using MVC5 and I have an ellipsis for a span in my view for which I want to display the title when I hover over it. The truncated value/text of span will display only after choosing any checkbox from the list of options. I have done following so far; but i am having hard time to get title in my view title="???" .

<div>
    <span>PAYMENT TYPE: </span>
    <span id="payment-sum" title="???"></span>
</div>

function setPayment() {
    var sum = $('input[name=payment-option]:checked').parents('.lbl-option').text().trim();     
    $('#payment-sum').text(sum);
    $('#payment-sum').attr(sum);
}

Answer 1

I think you can do something like this to get the title in the span:

$('#payment-summary').attr("title", summary);

Let me know if that helps you!