title: jQuery load more news from database to page
body: <p>Before telling you my question, Hava a look into this example: <strong><em><a href="http://jsfiddle.net/cse_tushar/6FzSb/" rel="nofollow">JSFIDDLE</a></em></strong></p>
  
  <p>Now, I'm trying to use the same example as shown but I'm fetching my data from Database using list. But as i run, It shows Two stories and if i click to show load more that news. Nothing happens. I get stuck over there. I'm trying to resolve that issues from <strong><em>12 hours</em></strong>. </p>
  
  <p>Please help me out!!</p>
  
  <p>Have a look into my source codes:</p>
  
  <pre><code>&lt;%@ page language="java" contentType="text/html; charset=ISO-8859-1"
      pageEncoding="ISO-8859-1"%&gt;
  &lt;%@ page language="java" import="java.sql.*" %&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Title...&lt;/title&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;style&gt;
  #myList li{ display:none;
  }
  #loadMore {
      color:green;
      cursor:pointer;
  }
  #loadMore:hover {
      color:black;
  }
          &lt;/style&gt;
          &lt;script type="text/javascript"&gt;
              $(document).ready(function () {
                  size_li = $("#myList li").size();
                  x=3;
                  $('#myList li:lt('+x+')').show();
                  $('#loadMore').click(function () {
                      x= (x+5 &lt;= size_li) ? x+5 : size_li;
                      $('#myList li:lt('+x+')').show();
                  });
              });
  &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  &lt;%
      try{
          Class.forName("com.mysql.jdbc.Driver");
          Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/news", "root", "1234");
          Statement st=con.createStatement();
          ResultSet rs=st.executeQuery("select * from main_news order by news_id desc");
              while(rs.next()){
                  String my_news=rs.getString("my_news");
      %&gt;
  &lt;div class="wpb_wrapper"&gt;
  &lt;section&gt;
  
  &lt;ul id="myList"&gt;
      &lt;li&gt;
  &lt;!-- Here, would be my news.... --&gt;
      &lt;%=my_news %&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/section&gt;
  &lt;/div&gt;
  &lt;%
              }
      }
      catch(Exception e){
          e.printStackTrace();
      }
  %&gt;
  &lt;div id="loadMore"&gt;Load more&lt;/div&gt;&lt;br&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong><em>Surely, Help would be appreciated!!</em></strong> </p>