Append text of the input box on radio button clicked

JavaScript
1

I have been trying to append the value of the input box when a particular radio button is clicked.

Rows of radio buttons are dynamically generated. Each row will have 7 radio buttons.

When buttons are clicked, the row id and its value is put into a text area. However, now when the last radio button (missing) is clicked, not only the row id and the value but the text of the input box which gets displayed needs to be appended.

So far we have 14001290~01~01~CD0|15489587~03~01~CM where CDO and CM are the values of the radio buttons and the previous to it are the row ids.

What we need now is 14001290~01~01~CD0|15489587~03~01~CM~Append this text|87554585~02~04~CD1 ?

This is my code.

$("input:radio").hover(
function() {
$(this).prev('.r-title').show();
  }, function() {
if (!$(this).is(':checked')) {
    $(this).siblings('.r-title, .m-notes').hide();
  }
});
$("input:radio").click(
function () {
$(this).parent().parent().find('.r-title, .m-notes').hide();
var totalRd = $('table').find(':not(.pend) > input:radio:checked').length;
var clicked =[];
$("#totalRd .rd-count").html(totalRd);
$(this).siblings('.r-title, .m-notes').show();
$('table').find(":not(.pend) >input[type=radio]:checked").each(function() {
var selectedId = $(this).parent().parent().attr('id');
clicked.push(selectedId+"~"+this.value);
}); //checked
$("#inputhere").val(clicked.join('|'));
});

[B]Code in Fiddle[/B]

Your help will be much appreciated.