title: Proj4JS - Transformation 2.3.3 vs 2.4.3
body: <p>Why in the heck in Proj4JS that 2.4.3 with the same code transforms coordinates completely different? See this fiddle.</p>
  
  <p>If you Swap the order of the proj4js resources on the left. You will see that 2.3.3 transforms accurately and 2.4.3 tranforms completely wrong.</p>
  
  <p>I have also included 2 examples that you can use right in this question.</p>
  
  <p><a href="http://jsfiddle.net/8ztfhes0/17/" rel="nofollow noreferrer">http://jsfiddle.net/8ztfhes0/17/</a></p>
  
  <p>EDIT - So in doing a little more research. I found that The issue actually arises in version 2.3.16. Up to 2.3.15 it is fine.</p>
  
  <p>The commit comment = for 2.3.16 "adds better tmerc projection" </p>
  
  <p>2.4.3 Sample</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>proj4.defs("EPSG:26910","+proj=utm +zone=10 +ellps=GRS80 +datum=NAD83 +units=m +no_defs");
      var source = new proj4.Proj('EPSG:26910');  
      var dest = new proj4.Proj('EPSG:4326');      
      $("#lat").val(4970142.88145653);
      $("#lng").val(500532.52879695);
      $("#convert").on("click", function(){
          var p = new proj4.Point($("#lng").val(), $("#lat").val() );
          proj4.transform(source, dest, p);
          console.log("X : " +p.x + " \nY : " + p.y);
          alert("X : " +p.x + " \nY : " + p.y);
      });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.4.3/proj4.js"&gt;&lt;/script&gt;
      
      Lng : &lt;input type="number" id="lng" /&gt;
      Lat : &lt;input type="number" id="lat" /&gt;
      &lt;button id="convert"&gt;Convert&lt;/button&gt;
      </code></pre>
  </div>
  </div>
  </p>
  
  <p>2.3.3 example</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>proj4.defs("EPSG:26910","+proj=utm +zone=10 +ellps=GRS80 +datum=NAD83 +units=m +no_defs");
      var source = new proj4.Proj('EPSG:26910');  
      var dest = new proj4.Proj('EPSG:4326');      
      $("#lat").val(4970142.88145653);
      $("#lng").val(500532.52879695);
      $("#convert").on("click", function(){
          var p = new proj4.Point($("#lng").val(), $("#lat").val() );
          proj4.transform(source, dest, p);
          console.log("X : " +p.x + " \nY : " + p.y);
          alert("X : " +p.x + " \nY : " + p.y);
      });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.3/proj4.js"&gt;&lt;/script&gt;
      
      Lng : &lt;input type="number" id="lng" /&gt;
      Lat : &lt;input type="number" id="lat" /&gt;
      &lt;button id="convert"&gt;Convert&lt;/button&gt;
      </code></pre>
  </div>
  </div>
  </p>