ブロックにはリンクがかかっているので、内部の要素をクリックしてもリンク先に飛んでしまいます。
どのようにリンクを無効にするか。
jQuery には event.preventDefault() というメソッドがあります。
これを呼ぶと、ブロックにかかっているリンクを無効にできます。
$(document).ready(function(){
$(".クラス名").click(function (event){
event.preventDefault();
document.location="飛ばしたい先のアドレス";
});
});
これで、内部要素をクリックすると、ブロックにかかっているリンクを無効にして指定されたアドレスに飛ぶよう指定できます。
(はいはい。ブロックにリンクをかけるというのは推奨されない方法です。)