title: plsql dynamic content region hyperlink not working
body: <p>I am working on plsql dynamic content to generate some html base controls like <code>&lt;ul&gt;</code> and <code>&lt;li&gt;</code> I am facing issue on <code>&lt;li&gt;</code> while implementing hyperlink on list item . Problem is that once i run the code it generates all list but hyperlink works only for first list item and i want to send parameters to modal dialogue which is being opened on <code>&lt;li&gt;</code> hyperlink.</p>
  
  <p>Here is my code how i generating the list items</p>
  
  <pre><code>FOR i IN WEEK LOOP
    htp.p('&lt;h3&gt;'||i.WEEK_NAME||'&lt;/h3&gt;'); 
    FOR j IN DAYS (i.WEEK_ID) LOOP    
      htp.p('&lt;div class="div"&gt;');
      htp.p('&lt;h3&gt;'||j.WEEK_DAY||'&lt;/h3&gt;');
      htp.p('&lt;ul class=menu&gt;');
      htp.p('&lt;br&gt;');
      FOR k IN MEALS (j.DAY_ID,i.WEEK_ID)  LOOP   
  
              htp.p('&lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;'||k.MEAL_NAME||'&lt;/span&gt;
                          &lt;/li&gt;');
  
      END LOOP;
      htp.p('&lt;/ul&gt;');
      htp.p('&lt;/div&gt;');
    END LOOP;
  END LOOP;
  
      htp.p('&lt;/body&gt;');
      htp.p('&lt;/html&gt;');
  </code></pre>
  
  <p>Please suggest what exactly i am doing wrong with hyper link that hyperlink only enables for very first list item </p>
  
  <p><strong>Update</strong></p>
  
  <pre><code>&lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 1&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 2&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 3&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 1&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 2&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 3&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 1&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 2&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 3&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 1&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 2&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 3&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 1&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 2&lt;/span&gt;
                          &lt;/li&gt;
  &lt;li&gt;
                              &lt;a href="javascript:void(0);"&gt;
                                  &lt;i class="fa fa-plus" id = "modal" value="abc"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;span&gt;Meal 3&lt;/span&gt;
                          &lt;/li&gt;
  </code></pre>