check for 2 actions user makes on submit

by Akram kamal

HTML

<div class="test" placeholder="How's your fitness going?..." contenteditable="true"></div>

<button>
Post to profile
</button>

CSS

.test {
    width: 500px;
    height: 70px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 5px;
}

.test[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555; 
}

.test[placeholder]:empty:focus:before {
    content: "";
}

JavaScript

jQuery(function($){
    $(".test").focusout(function(){
        var element = $(this);  
        element.text( $.trim(element.text()))
    });
    $("button").click(function(){
        var element = $(".test");  
        var test= $.trim(element.text())
        console.log(test.length,test)
        alert( test? "Not Empty":"Empty")
    })
});