title: Is there an html tag that does not have any effect on an html document?
body: <p>In html, is there a tag that I can add an id attribute to, that does not have any effect on the html page, but can still be accessed with a jQuery selector?</p>
  
  <p>Here is an example:</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#"&gt;&lt;i class='fa fa-link'&gt;&lt;/i&gt; &lt;span&gt;Another Link&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>If I have the above code in a list, what tag can I add to this html, so that I can then use jQuery to perform actions on the code items as children?</p>
  
  <p>The above code is just an example, I am wanting to be able to use this technique for any html element.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Is the <code>&lt;span&gt;</code> tag what I am looking for?</p>
  
  <p><strong>EDIT2</strong></p>
  
  <p>I have tried the following with a span tag:</p>
  
  <pre><code>&lt;span id="qwerty123"&gt;&lt;li&gt;&lt;a href="#"&gt;&lt;i class='fa fa-link'&gt;&lt;/i&gt; &lt;span&gt;Another Link&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;/span&gt;
  </code></pre>
  
  <p>However, the list items are not being displayed correctly. I am using an AdminLTE template and this template uses custom styling for these list items.</p>
  
  <p>How else can I achieve the desired result? Can I add data attributes or some other html coding technique?</p>
  
  <p><strong>EDIT3</strong></p>
  
  <p>The html tag with the id needs to be before any of the other tags, so that all the rest of the tags can be treated as children. </p>