给a标记的href赋值后接着调用a标记的click方法无效

先看下代码

<input type='button' onclick="demoHref();" value='demo'/>        <a id="demoHref" href=""></a>

function demoHref(){  $("#demoHref").attr("href", "http://www.csdn.net/");  document.getElementById("demoHref").click();  }

如上代码所示，有时候不知道什么原因并不不能触发跳转，做个改动就一定跳转了

function demoHref(){  $("#demoHref").attr("href", "http://www.csdn.net/");  setTimeout(function(){  document.getElementById("demoHref").click();  },1000);   }