Trying to make a div disappear with javascript

Question

I am trying to make a div disappear with javascript. It just doesn't work. What am I doing wrong?

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">    
    document.getElementById("des").style.visibility = "hidden";    
</script>    

<div id="des">
  Text.
  <a href="">link</a>    
</div>

Answer 1

You are running the script before the DOM has loaded.

If you put the script after the div, it works

Answer 2

Try and throw a document ready around your code.

And if you are loading jquery you can just do $('#des').css('visibility', 'hidden'); or $('#des').hide()

<script type="text/javascript">
    $(document).ready(function(){
        $('#des').css('visibility', 'hidden');
    });
</script>