Add form side info on input

by nosfan1019

HTML

<div id='boss'>    
    <div>
        <input type='text' class='aaa'> 
        <span></span>
    </div>
    <div>
        <input type='text' class='bbb'> 
        <span></span>
    </div>
    <div>
        <input type='text' class='ccc'> 
        <span></span>
    </div>
</div>

<a href="#" class="fresh">clear</a>

<p></p>

CSS

body {
    margin: 50px;
}

input {
    display: inline-block;
    margin: 30px 0;
}

p {
    margin: 100px 0 0;
}

span {
    margin: 0 0 0 10px;
}

JavaScript

$(function () {
    $("body").mousedown(function(event) {
        
        if ( $(event.target).hasClass('bbb') ) {
            $('#boss').find('span').empty();                
            $(event.target).siblings('span').html('<a href="#">yes</a>');
        } 
        else if ( $(event.target).hasClass('fresh')) {
            $('#boss').find('span').empty();    
        
        }
        else {
            $('#boss').find('span').empty();                      
            $(event.target).siblings('span').append('n ');
        }
        
        
        
        
        
        $('p').text(event.target.nodeName + " - " + event.target.id); 

        
    });
});