ASP.NET Repeater with FancyBox Inline html-Collection of common programming errors

I’m trying to have a repeater which shows items from a database, and then a modify button at the end which opens up a modify form in a fancy box. I am able to make inline HTML appear in a fancybox just fine following the tutorials from the website. However, the issue is when I try to do this within a .net repeater.

    

    Modify

    
       Some content here
    

    

Javascript:

$(document).ready(function () {
    $(".modify").fancybox(); 
});

When I load the page, I can see the content divs are created with the correct ID’s, and the HREFS on the links are pointing to the correct ID as well.

When I click the button to modify, it just reloads the entire page inside the fancybox.

In the console, I will see it says “Uncaught TypeError: Canot call method ‘width’ of undefined

Originally posted 2013-11-29 06:07:26.