Подскажите условие jquery, если height больше 300px

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

<script>
$("#button").live("click",function(){
    if($(".content").height()>300){
        $(".block1").show();
    }
});

</script>

<style>
.block1 {
    display:none;
    padding:3px;
    margin:10px;
    border: solid 1px black;
    border-radius:4px;
    background-color: pink;

}
.content{
    height: 400px;
}
</style>
<span id="button" style="border-radius:4px;border: solid 1px black;padding:3px;">Click ME)</span>
<div class="block1">Искомый блок</div>
<div class="content">Блок у которого проверяется значение</div>

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

<script>
$("#button").live("click",function(){
    if($(".content").height()>300){
        $(".block1").show();
    }
});

</script>
<span id="button">Click ME)</span>
<div class="block1" style="display:none;">Искомый блок</div>
<div class="content" style="height: 400px;">Блок у которого проверяется значение</div>