title: Found 2 elements with non-unique id
body: <p>I am getting the following warnings when we use with the same <code>id</code> names in two different <code>form</code> tags.</p>
  <blockquote>
  <p>[DOM] Found 2 elements with non-unique id</p>
  </blockquote>
  <p>Here is my HTML snippet:</p>
  <pre><code>               &lt;div class=&quot;modal-dialog&quot;&gt;
                      &lt;form action=&quot;&quot; method=&quot;post&quot; id=&quot;myid-1&quot; name=&quot;myid-1&quot;&gt;
                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;Job_Name&quot; name=&quot;Job_Name&quot; required=&quot;&quot;&gt;
                          &lt;label for=&quot;Job_Name&quot;&gt;Job Name&lt;span class=&quot;text-danger&quot;&gt;*&lt;/span&gt;&lt;/label&gt;
                          &lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
  
                  &lt;div class=&quot;modal-dialog&quot;&gt;
                      &lt;form action=&quot;&quot; method=&quot;post&quot; id=&quot;myid-2&quot; name=&quot;myid-2&quot;&gt;
                          &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;Job_Name&quot; name=&quot;Job_Name&quot; required=&quot;&quot;&gt;
                          &lt;label for=&quot;Job_Name&quot;&gt;Job Name&lt;span class=&quot;text-danger&quot;&gt;*&lt;/span&gt;&lt;/label&gt;
                          &lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
  </code></pre>
  <p>How do I resolve &quot;Found 2 elements with non-unique id&quot; warnings?</p>