Javascript onclick не работает

Question

Я хочу, чтобы при нажатии на ссылку выполнялась функция javascript.

Вот JavaScript:

<script type="text/javascript"> 
     function changeStyle() { 
      var header = document.getElementbyId("header"); 
      var container = document.getElementbyId("container"); 

      header.style.display = "block"; 
      container.style.marginLeft = "auto"; 
     } 
    </script> 

Вот HTML:

<a href="javascript:changeStyle()"><span>&#9776</span> MENU</a> 

В настоящее время, когда нажата ссылка, ничего не происходит. Как я могу сделать так, чтобы javascript действительно менял стили, когда я этого хочу?

EDIT:

Вот новый код:

Javascript:

$('#selector').click(function() { 
    var header = document.getElementById("header"); 
     var container = document.getElementById("container"); 
    header.style.display = "block"; 
    container.style.marginLeft = "auto"; 
}) 

HTML:

<a href="#" id="selector"><span>&#9776</span> MENU</a> 

Answer 1

Используйте атрибут OnClick, не HREF:

<a href="#" onclick="changeStyle();return false;"><span>&#9776</span> MENU</a> 

Лучшей идеей было бы не использовать встроенный Javascript

<a href="#" id="menu"><span>&#9776</span> MENU</a> 

<script type="text/javascript"> 
    var a = document.getElementById('menu'); 

    a.onclick = function() { 
     var header = document.getElementById("header"); 
     var container = document.getElementById("container"); 

     header.style.display = "block"; 
     container.style.marginLeft = "auto"; 
    } 
</script> 

FIDDLE

Примечание: сценарий должен быть помещен после того, как элементы появляется