php - bxslider reload slider not working in another file -

php - bxslider reload slider not working in another file -

i want add together slide bxslider dynamically, did when write code in 1 js file problem can not write bxslider reload code in 1 file.have @ code u understand

my php file

<!-- jquery library (served google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxslider javascript file --> <script src="bxslider.min.js"></script> <script src="custom.js"></script> <!-- bxslider css file --> <link href="bxslider.css" rel="stylesheet" /> <ul id="slider" class="bxslider"> <li><img src="images/pic1.jpeg" /></li> <li><img src="images/pic2.jpeg" /></li> </ul> <input type="button" id="add" value="add"> <script> $(document).ready(function(){ slider = $('.bxslider').bxslider(); $('#add').click(function(){ var add_new = '<li><img src="images/pic3.jpeg" /></li>'; console.log($('#slider')); console.log(slider); $('#slider').append(add_new); slider.reloadslider(); }); }); </script>

my js file

var slider; $(document).ready(function(){ slider = $('.bxslider').bxslider(); });

when write php jquery code in js file works perfect not working.can tell me problem while ' adds when click on add together button if console.log(slider) showing me not reloading it.

i found solution myself :) declare variable window.slider worked

php jquery reload bxslider