Как jQuery исправит ваш импорт данных? JQuery по-прежнему Javascript, только с ярлыками. Это может сделать ваш код короче, чтобы помочь вам решить вашу проблему;
от
var sidebar = document.getElementById('sidebar');
sidebar.innerHTML = '<p class="caption">No results found.</p>';
var div = document.createElement('li');
до
var sidebarJquery = $('#sidebar')
.html('<p class="caption">No results found.</p>');
var divJquery = $('<li/>');
Объект jQuery в основном представляет собой массив элементов DOM (с некоторыми дополнительными методами), поэтому:
var sidebar = sidebarJquery[0];
var div = divJquery[0];