jQuery conflict between slider and google search

I'm having conflict with some parts of my coding involving jQuery:

1:

 <script type="text/javascript" src="/js/jquery.bxslider.min.js"></script> 
    <link href="/newsite/jquery.bxslider.css" rel="stylesheet" />
    <script type="text/javascript">

    $(document).ready(function(){
    $('.bxslider').bxSlider({
    auto: true,
    speed: 500,
    });
    });

    </script>

2:

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
google.load('search', '1', {language : 'en'});
google.setOnLoadCallback(function() {
var customSearchOptions = {};
var orderByOptions = {};
orderByOptions['keys'] = [{label: 'Relevance', key: ''},{label: 'Date', key: 'date'}];
customSearchOptions['enableOrderBy'] = true;
customSearchOptions['orderByOptions'] = orderByOptions;  var customSearchControl = new       google.search.CustomSearchControl(
'001660792890902641363:fw8od_tpdvm', customSearchOptions);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
options.setAutoComplete(true);
options.enableSearchboxOnly("http://www.google.com/cse?cx=001660792890902641363:fw8od_tpdvm");
customSearchControl.draw('cse-search-form', options);
}, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />

I already tried using $j = jQuery.noConflict(); within the first part of the coding, but it didn't work. Almost all answers I searched to this problem suggested doing this, yet it won't solve my problem.