Uncaught TypeError: Cannot read property 'ns' of undefined in jquery-flip

Question

I'm implementing image flip like flipboard app using jquery flip pulgin.

My html is:

 <div id="flipRoot">
   <div class="flipContent">
     <img src="{{ asset('layout/images/img3.jpg') }}" alt=""> 
   </div>
 <div class="flipContent">
     <img src="{{ asset('layout/images/img3.jpg') }}" alt=""> 
   </div>
 <div class="flipContent">
     <img src="{{ asset('layout/images/img3.jpg') }}" alt=""> 
   </div>
</div>

and js :

 $("#flipRoot").flip({
            forwardDir: "ltor",
            height: "340px",
            showpager: true,
            loop: true
});

I'm getting Uncaught TypeError: Cannot read property 'ns' of undefined error. Anything I'm missing here?