title: Can two html elements have the same id but in different classes?
body: <p>I was writing a javascript for an existing application in which there are two forms with separate <strong>id</strong>s, and in each form there is a <code>div</code> which has the id <code>"validationSummary"</code>. But these <code>div</code>s belong to different classes. So my question is can this be possible? Please anyone can explain me is this correct ? </p>
  
  <p>These are the <code>div</code>s: </p>
  
  <pre><code>&lt;form id="foo" .....&gt;
  &lt;div class="notice_bar validation-summary-errors error_message" id="validationSummary"&gt;&lt;/div&gt;
  &lt;/form&gt;
  
  &lt;form id="bar" .....&gt;
  &lt;div class="validation-summary-valid notice_bar affirmative_message" id="validationSummary"&gt;&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and also the class <code>notice_bar</code> is common leading to other confusion!</p>