jquery - 複数のタブで href を使用して正しい div に移動しますか?

Question

ページに複数のタブがあり、それぞれが実行時に作成される異なる ID を持つため、

<div class="span5" id="@model.Id">

        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" onclick="$('#@model.Id #review').focus();">Review</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv1">Web</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv2">Photos</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv3">Location</a></li>
            <li><a data-toggle="tab" href="#@model.Id #awesomediv4">Map</a></li>
        </ul>
<div class="tabbable">
            <div class="tab-content">

                <div class="tab-pane active" id="awesomediv1">
                   .....
                </div>
...

現在、いずれかのタブでタブを変更すると、最初のタブのみが変更されます。アンカー タグを外側の div のそれぞれの div に移動する必要があります。たとえば、jquery では$('#1 awesomediv1')、ナビゲートしたい正しい div が得られます。しかし、これは href では機能していないようです。

モデルはasp.net mvcから来ています。