jquery1.7.2 click event not firing
<p>i'm trying to bind a click event to some <code>div</code> that has a <code>id="unit"</code>. Theses <code>div</code> are generate in run-time and my javascript doesn't seems to work. </p>

<p>my javascript click event.</p>

<pre><code>$("#unit").click(function(){
  alert('1');
});
</code></pre>

<p>before ajax call.</p>

<pre><code>&lt;div id="content"&gt;
    &lt;div id="building"&gt;

    &lt;/div&gt;

    &lt;div id="units"&gt;

    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>after ajax call.</p>

<pre><code>&lt;div id="content"&gt;
        &lt;div id="building"&gt;
            &lt;div value="1" class="buildingBlock"&gt;&lt;h3 style="text-align: center;"&gt;Level - 1&lt;/h3&gt;&lt;/div&gt;
            &lt;div value="2" class="buildingBlock"&gt;&lt;h3 style="text-align: center;"&gt;Level - 2&lt;/h3&gt;&lt;/div&gt;
            &lt;div value="3" class="buildingBlock"&gt;&lt;h3 style="text-align: center;"&gt;Level - 3&lt;/h3&gt;&lt;/div&gt;
            &lt;div value="4" class="buildingBlock"&gt;&lt;h3 style="text-align: center;"&gt;Level - 4&lt;/h3&gt;&lt;/div&gt;
        &lt;/div&gt;


        &lt;div id="units"&gt;
            &lt;div value="1" id="unit"&gt;#02-01&lt;br&gt;3 room(s)&lt;/div&gt;
            &lt;div value="2" id="unit"&gt;#02-02&lt;br&gt;2 room(s)&lt;/div&gt;
            &lt;div value="3" id="unit"&gt;#02-03&lt;br&gt;5 room(s)&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>
