Drupal Webform item description showing nicely

http://stackoverflow.com/questions/14718507/drupal-webform-item-description-showing-nicely/14718508#14718508

by eapo

HTML

<div id="edit-submitted-merleg-forgoeszkozok-kovetelesek-2010-wrapper" class="form-item">
 <label for="edit-submitted-merleg-forgoeszkozok-kovetelesek-2010">Követelések: </label>
 <input type="text" class="form-text" value="" size="15" id="edit-submitted-merleg-forgoeszkozok-kovetelesek-2010" name="submitted[merleg][forgoeszkozok][kovetelesek_2010]" maxlength="128">
 <div class="description"><p>Vevőkkel szembeni követelések</p>
</div>
</div>

JavaScript

$(".form-item:has(div.description)").children("label").append(function(){
        $(this).parent().children('.description').hide();
        var label=$(this).html().replace(':','');
        $(this).html(label);
        return '<sup><a href="javascript:return false;" onclick="$(this).parent().parent().parent().find(\'.description\').toggle();" title="'+$(this).parent().children('.description').text()+'"><strong>?</strong></a></sup>:';
    });