title: wordpress contact form 7 and custom jQuery conflicting
body: <p>I am using contact form 7 on wordpress and untill today I have experienced a problem. I have come to learn that it is a jQuery conflict. I find the problem only occurs in chrome works fine in firefox. </p>
  
  <p>I have some custom jQuery which I placed in which can be seen below. </p>
  
  <pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      jQuery(document).ready( function(){
          var map = [ '11.99', '£13.99', '£14.99' ];
  
          jQuery('#payslips-required').change(function(){
              var o = parseInt($(this).val()) &lt; 3 ? jQuery(this).val()-1 : 2;
              jQuery('#price').val(map[o]).addClass('hidden');
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>With the above in place the ajax does not work on contact form 7 which I require. When I remove </p>
  
  <pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>It works but the custom jQuery does not. I need both to run. </p>
  
  <p>This is the error I get when I inspect it in chrome</p>
  
  <pre><code>Uncaught TypeError: Object [object Object] has no method 'on' 
  </code></pre>
  
  <p>Any suggestions?</p>