title: Stop Conflict Between two jquery
body: <p>I am working in one Web-base software, which is build in "codeigniter". In this software they used jQueryUI, bootstrap JQuery etc.</p>
  
  <p>Here I want to implement inline editing functionality. I successfully implemented it but after Implementing inline editing functionality, other functionality of that not working properly because of conflict between two jQuery.</p>
  
  <p>Here is my jquery code which we added :</p>
  
  <pre><code>&lt;script&gt;
  
          $(document).ready(function(){
          $('div.auto').click(function(){
  
                  $('.ajax').html($('.ajax input').val());
                  $('.ajax').removeClass('ajax');
                  $(this).addClass('ajax');
                  $(this).html('&lt;input id="editbox" size="'+$(this).text().length+'" type="text" value="' + $(this).text() + '"&gt;');
  
                  $('#editbox').focus();
  
            }
            );
  &lt;/script&gt;
  </code></pre>
  
  <p>I also put below code before above code for stopping jQuery conflict :</p>
  
  <pre><code>&lt;script&gt;
  $.noConflict();
  // Code that uses other library's $ can follow here.
  &lt;/script&gt;
  </code></pre>