Pagination widget js

+    'js/pagination.js',

-    <div class="pagination">
-        <ul>
-            {% if page.has_previous %}
-                <li><a href="?page={{ page.previous_page_number }}{{ q|urlget:'q' }}">Prev</a></li>
-            {% endif %}
-            {% for p in page.paginator.page_range %}
-                {% ifequal p page.number %}
-                    <li class="disabled"><a href="?page={{ p }}{{ q|urlget:'q' }}">{{ p }}</a></li>
-                {% else %}
-                    <li><a href="?page={{ p }}{{ q|urlget:'q' }}">{{ p }}</a></li>
-                {% endifequal %}
-            {% endfor %}
-            {% if page.has_next %}
-                <li><a href="?page={{ page.next_page_number }}{{ q|urlget:'q' }}">Next</a></li>
-            {% endif %}
-        </ul>
-    </div>
+    <div class="pagination" data-pages="{{ page.paginator.num_pages }}"></div>