click empty inputs but if filled dont empty

click empty inputs. focusout get back original value. but fill form and click again dont empty

by Mikulasche

HTML

<div id="szemelyes_float1">
    <form>
<input id="neve" type="text" name="n" value="Get Your Name"><br>
<input id="mail" type="text" name="m" value="Get Your Mail"><br>
<input id="kora" type="text" name="k" value="Get Your Age"> <br>
    <button id="resetgomb" type="reset">Reset</button>
    </form>
</div>

CSS

body {
	background-color : #9499B7;
    padding:50px;
}
input{
   margin:10px;
}
#resetgomb {
    margin:20px;
}

JavaScript

$(document).ready(function() {

    var beirthossz = 0;
    var ujVane = 0;
    var clicBeval = 0;

    $("#szemelyes_float1 input").click(function() {
    
        clicBeval = ($(this).attr('value'));
        ujVane = ($(this).attr('dataJEL'));
        
        if(ujVane != 'ujadatbenn' )
        {
        $(this).val('');
        beirthossz = 0;
        }
        else
        {
        beirthossz = 1;
        }
        
    });


    $( "#szemelyes_float1 input" ).keyup(function() {
        beirthossz = $(this).val().length;
    });


    $( "#szemelyes_float1 input" ).focusout(function() {

		if(beirthossz>0)
		{
		$(this).attr('dataJEL','ujadatbenn');
		}
		
		if(beirthossz == 0)
		{
		$(this).attr('dataJEL','nincsujadat');
		$(this).prop('value',clicBeval);
		}


		
    });

    
    $( '#resetgomb').click(function() {
        focOutUjvane = 0;
        beirthossz = 0;
        ujVane = 0;
        clicBeval = 0;
        $("#szemelyes_float1 input").attr('dataJEL','');
    });



});