diff --git a/index.html b/index.html
index aa6e920..2d42beb 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@ allowtransparency="true" frameborder="0" scrolling="0" width="156" height="30"><
 
         <p>The easiest way to copy some content to the clipboard, is to include a <code>data-text</code> attribute in your trigger element.</p>
 
-        <div class="example">
+        <div id="example-1" class="example">
             <div class="flash flash-error hidden">
               Sorry, your browser do not support copy &amp; cut to the clipboard.
             </div>
@@ -70,7 +70,7 @@ allowtransparency="true" frameborder="0" scrolling="0" width="156" height="30"><
         <p>Alternatively, you can copy content from another element by adding a <code>data-target</code> attribute in your trigger element.</p>
         <p>The value you include on this attribute needs to match another's element <code>id</code> attribute.</p>
 
-        <div class="example">
+        <div id="example-2" class="example">
             <div class="flash flash-error hidden">
               Sorry, your browser do not support copy &amp; cut to the clipboard.
             </div>
@@ -96,7 +96,7 @@ allowtransparency="true" frameborder="0" scrolling="0" width="156" height="30"><
         <p>Additionally, you can define a <code>data-action</code> attribute to specify if you want to either <code>copy</code> or <code>cut</code> content.</p>
         <p>If you omit this attribute, <code>copy</code> will be used by default.</p>
 
-        <div class="example">
+        <div id="example-3" class="example">
             <div class="flash flash-error hidden">
               Sorry, your browser do not support copy &amp; cut to the clipboard.
             </div>