Apply css to all ids using jquery
<p>all</p>

<p>I want to show hide some ids using jQuery.
My html code is</p>

<pre><code>&lt;table&gt;
&lt;tr id="incomplete"&gt;&lt;/tr&gt;
&lt;tr id="complete"&gt;&lt;/tr&gt;
&lt;tr id="incomplete"&gt;&lt;/tr&gt;
&lt;tr id="incomplete"&gt;&lt;/tr&gt;
&lt;tr id="complete"&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>and jquery code is</p>

<pre><code>&lt;script type="text/javascript"&gt;
          jQuery(document).ready(function () {
                          jQuery("#button-entryc").click(function() {


                          jQuery("#incomplete").css("display","none");
                          jQuery("#complete").css("display","table-row");
                      });

                      jQuery("#button-entryi").click(function() {

                          jQuery("#incomplete").css("display","table-row");
                          jQuery("#complete").css("display","none");
                      });
              });
    &lt;/script&gt;
</code></pre>

<p>But it works for only on id (first id which it finds) Why? </p>
