I have tried a lot scenarios but i Couldn't find out correct solution
I am specifying my code which is working with html components along with visualforce components
1. Html components are works fine with jquery always
2. But visualforce components are not working

      Please help me to work with visualforce components in jQuery........
************************
<apex:page controller="AutoComplete">
    <!--Make sure you have the Javascript in the same order that I have listed below.-->
    <script src="https://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="/soap/ajax/26.0/connection.js" type="text/javascript"></script>
    <script src="https://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/>
    <script type="text/javascript">
        var j$ = jQuery.noConflict();
    if (j$){
        alert('Jquery loaded Successfully');
    }
      
        var apexAccountList =[];
          <apex:repeat value="{!accountList}" var="accList">
            //Store the name of the account in the array variable.
               apexAccountList.push('{!accList.name}');
        </apex:repeat>
        j$(document).ready(function(){
             
            j$("#name").autocomplete({
                source : apexAccountList
            });
           
        });
       
    </script>
    Enter Txt<input id="autocomplete"/>
 
    <script>
            var tags = apexAccountList;
            j$( "#autocomplete" ).autocomplete({
              source: function( request, response ) {
                      var matcher = new RegExp( "^" + j$.ui.autocomplete.escapeRegex( request.term ), "i" );
                      response( j$.grep( tags, function( item ){
                          return matcher.test( item );
                      }) );
                  }
            });
     </script>
     <script>
      var tags = apexAccountList;
      j$("[id$=myname]").autocomplete({
              source: function( request, response ) {
                      var matcher = new RegExp( "^" + j$.ui.autocomplete.escapeRegex( request.term ), "i" );
                      response( j$.grep( tags, function( item ){
                          return matcher.test( item );
                      }) );
                  }
            });
      
      </script>

 
     
    <apex:form >
     
        <br/><br/><br/>Account Name<input type="text" id="name"/>
        <br/><br/><br/>
        Enter Your Text <apex:inputText id="myname"/><br/><br/>
        
        
    </apex:form>
     
</apex:page>



*******


I Would appriciate for any kind of replay.................