jQuery Drag and Drop not Working after .load

jQuery Drag and Drop not Working after .load

Hello everybody,

I am currently developing an application with SAPUI5 and jQuery.
I finally found an example of drag and drop using both framworks.
It works great if I have two list boxes on my main page.

Here is some of my code: 


<body class="sapUiDemokitBody" role="application">
        <div id="header">
      <div id="navbar" style="width:100%; height="180px">
                     <img src="./images/IBSolution_Logo.png" align=right; height="50px";  class="bottom" />
</div>
</div>
        <div style="clear:both"></div>
        <div id="main"></div>
</body>

As you can see I have a navigation bar on top of the page.
After loading a different html into the main div the drag and drop functionality that works fine on the homepage is not working anymore.

if (oEvent.getParameter("item").getKey() == "item1"){
      $("#main").load("suchen.html");
}

Does anybody have an idea how to get this done? I want to have two functioning listboxes with drag and drop, but not on the homepage.

Link to the dnd example I am talking about:

Kind regards.
Moritz