分页在静态网站中不起作用

Question

我在静态网站中使用了jquery分页，但它没有显示使用以下代码尝试过的分页链接。

HTML：

<div class="pagination">
                <div id="blog" class="well">

                    <h3>Daily Newspaper</h3>
                    <small>Posted on <strong>December 14, 2017</strong></small>
                    <img src="images/Blog1.jpg" alt="check" class="img-responsive"/>

                    <hr>
                    <h3>Daily Newspaper</h3>
                    <small>Posted on <strong>December 18, 2017</strong></small>
                    <img src="images/Blog1.jpg" alt="check" class="img-responsive"/>                        
                    <hr>
                    <h3>Daily Newspapers</h3>
                    <small>Posted on <strong>December 14, 2017</strong></small>
                    <img src="images/Blog1.jpg" alt="check" class="img-responsive"/>

                    <hr>
                    <h3>Daily Newspapers</h3>
                    <small>Posted on <strong>December 18, 2017</strong></small>
                    <img src="images/Blog1.jpg" alt="check" class="img-responsive"/>                        
                    <hr>

                </div>
                </div>

这是我的小提琴链接，我也添加了我的脚本

https://jsfiddle.net/ua5a55kq/4/