Javascript-форум - Выполнение функции по нажатию

Доброго времени суток.

<html>
 <head>
  <meta charset="utf-8">
  <script type="text/javascript" src="java.js"></script>
  <script>
              function goHP(){
            alert("da");
                }
     function myFunction(){
       var text = document.getElementById('idtext').value;
       var doc = document.getElementById('iddiv');
       
        $.getJSON( "http://api-fotki.yandex.ru/api/users/"+text+"/albums/?format=json&callback=?",function(res){

             doc.innerHTML = "<p>"+res.title+"</p>";
              $.each(res.entries,function(key,val){
            // cледующая строка
             $("#iddiv").append("<a href='"+val.links.alternate+"' id='"+val.links.photos+"' >"+val.title+"</a><br>");

            });
     });
}


  </script
  
 </head>

<body>
<input type="text" name="FirstName" value="Linux" id="idtext"/>

<button onclick="myFunction()">Кнопка</button>
<br>
<div id="iddiv">
   <p>Hello world</p>
</div>
<br>
</body>
</html>

Вопрос таков , как сделать чтоб при нажатии выполнялась функция goHP() ?
попробовал

$("#"+val.links.photos).click(function() {
                   alert( "Handler for .click() called." );
                      });

но это явно не работает .