Resgata variável dentro de um função js + Jquery

Olá pessoal estou tendo uma duvida simples mais que infelizmente não sei resolve!

Desejo resgatar o valor de um campo input para que eu possa adicionar seu valor em um href da tag <a>.

Fiz o seguinte código e consigo obter o valor somente com o alert dentro da function !

<input type="text" id="txt_nome" name="txt_nome">
 <script type="text/jscript">
 var q = '';
 $(document).ready(function(){
 $('#txt_nome').change(function(){
 q = $("#txt_nome").val();
 });
 });

 </script>

 <a href="../anime.php?q=<script>document.write(q);</script>" target="_blank" title="Pesquisar no site">
 <img src="/information2.png" width="24" height="24" style="margin-left:20px;" />
 </a>

Onde estou pecando neste código?

Sé alguém tiver um link bom para estudo de javascripts para indicar eu ficarei grato !