Links de html con parametros de manera dinámica con jquery

En ocasiones uno necesita tener un link a otra página pero tomando en cuenta valores de un input que pueden variar de acuerdo a lo que el usuario introduce. para esto es necesario usa un pequeño truco de jquery. Asi lograremos que el link tome el valor de nuestro input dinámicamente y lo mande en la url.

Veamos el ejemplo link

Nuestro código quedaría así: <from>
<input type="text" id="inputId" value="23"/>
</form>

 

<a href="/content/links-de-html-parametros-de-manera-dinámica-jquery/" id="link1">link</a>

<script>
$(document).ready(function() {
$('#link1').click(function(){
$(this).attr('href', $(this).attr('href') + $("#inputId").val());
return true;
});
});
</script>