jQuery <input type='button' class='boton' ruta='ir_a_1'>

[quico5]

¿como hago para poner la ruta del archivo a cargar en el boton?
gracias

<script src='jquery-1.7.2.min.js'></script>
<script>
$(document).ready(function(){
$('.boton').click(function(){
$('#contenedor').load(#contenedor_ir_a);
});
});
</script>

<input type='button' class='boton' ruta='ir_a_1'>
<input type='button' class='boton' ruta='ir_a_2'>
<input type='button' class='boton' ruta='ir_a_3'>

[edwardd89]

$('#aquidondesecargaloquehaydentrodelload').load('/lala/ruta', function() {
//Aqui hacemos lo que queramos y se harácuando termina el load de cargar
});

[quico5]

gracias por responder, voy aprendiendo cosillas, me gustaría añadirle que escuche rutas tipo http://algo/#escúchame de los <a href='#escucha'></a>

$(document).ready(function(){
var $ruta = $('.boton').attr('ruta');
$('.boton').click(function(){
$('#contenedor').load($ruta);
});
});


si pongo dos INPUT con un mismo ID o CLASS no funciona, mi idea seria una funcion para varios botones o enlaces

<input id='tres' type='button' value='Ruta2' ruta='demo2.html'>
<input id='tres' type='button' value='Ruta1' ruta='demo.html'>