title: Trigger Click Event using Class Name on Page Load
body: <p>Hi I have gone through the several thread i could not able to find correct solution </p>
  
  <p>So here is my issue</p>
  
  <p>I need to initiate a Click Event on a class name When page loads. 
  When click even occurs a color palette displays </p>
  
  <p>Here is a demo : <a href="http://demo.weibsites.com/index.php/product/test-product/" rel="nofollow">http://demo.weibsites.com/index.php/product/test-product/</a></p>
  
  <p>When user Clicks on Layer1 or Layer2 color palette displays</p>
  
  <p>Need Solution: TO make color palette display onPageLoad</p>
  
  <p>Here is a quick Code </p>
  
  <pre><code>  &lt;div class="fpd-list ui-sortable"&gt;
       &lt;div class="fpd-list-row" id="1438484105689"&gt;
          &lt;div class="fpd-cell-0" style="opacity: 1; pointer-events: visible;"&gt;
            &lt;i&gt;&lt;/i&gt;
          &lt;/div&gt;
  
          &lt;div class="fpd-cell-1" style="opacity: 1; pointer-events: visible;"&gt;
          Layer1
          &lt;/div&gt;
  
          &lt;div class="fpd-cell-2"
              &lt;span class="fpd-lock-element fpd-tooltip tooltipstered"&gt;
              &lt;i class="fpd-icon-unlocked"&gt;&lt;/i&gt;
              &lt;/span&gt;
          &lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Thanks </p>