railsにおけるjsでalertがうまく出てくれない

Question

javascript pins.js

var clickMe = document.getElementById("pin-link");
clickMe.onclick = function() { alert("I was clicked!"); }; 
clickMe.onclick();

top.html.slim

= link_to '', id: 'pin-link'
  i.fa.fa-pinterest-p

生成されるhtml

<a id="pin-link" href=""><i class="fa fa-pinterest-p"></i></a>

jsでpin-linkのlinkをclickするとalertが表示されることを想定しているのですが、
ブラウザで確認してエラーも確認できない状態です。

初心者な質問ですが、よろしくお願いいたします。

Answer 1

DOMを待ってみるとか。

document.addEventListener( 'DOMContentLoaded', function() {
	var clickMe = document.getElementById( 'pin-link' );
	clickMe.onclick = function() { alert( 'I was clicked!' ); };
	clickMe.onclick();
}, false );

Answer 2

aタグ（リンク）の動作は基本的にページ遷移です。
ページ遷移させないために

<a id="pin-link" href="#">

や

<a id="pin-link" href="javascript:void(0);">

とするのはどうでしょうか。