loaded html and its delegation

loaded html and its delegation

Hello everyone...!!

I have this html interface; ( a link, and a div )
Well, yes... once the Link from the UL LIST is clicked
then it will load up the HTML file into the Middle DIV 

 <div id="middle">  </div>  <!-- div middle ended -->
<div id="kiri" >
<ul id="menu" class="treeview-red">
                                        <li><span>Management Setup</span>
                                            <ul>
                                                <li id="supplier"><span>Supplier</span></li>
                                                <li id="customer"><span>Customer</span></li>
                                                <li id="staff"><span>Staff</span></li>
                                                <li id="bank"><span>Bank</span></li>
                                                <li id="stock"><span>Stock</span></li>
                                            </ul>
                                        </li>
                                    </ul>
 </div> 



and also this html file: (as a table content)
That later on would be loaded after the UL LI is clicked 


<div id="mine"> <table width="590" border="0">
--- some rows ----
Company:
 </table> </div>
That textfield above is using id:companyname, and class:supplier

and then I have this jquery actions:


 $('#mine').delegate('#companyname', 'blur', function(){
      // some action over here
alert('testinggg....!!');
} );


But why does that delegate didn't works after my input is added by load calls?
But If I put LIVE instead of DELEGATE it works... 

does anybody have encountered this?
Or is it true that 1 Single Element can NOT have DELEGATE and Or LIVE Function appointed into it one time?

hmmm.... there must be something I forgotten...