title: Uncaught TypeError: Cannot read property 'length' of undefined - Cannot fix/debug this
body: <p><a href="http://darrenbachan.com/" rel="nofollow">http://darrenbachan.com/</a></p>
  
  <p><a href="http://darrenbachan.com/js/main.js" rel="nofollow">http://darrenbachan.com/js/main.js</a></p>
  
  <p>I have no idea how to fix this. I don't know javascript at all to debug or understand other articles/threads. To get the error to appear, click onto a project that's not one of the first two and you'll see it in the console.</p>
  
  <p>I have projects:</p>
  
  <pre><code>'zeckoshop' : {
              'title' : 'zeckoShop',
              'description' : 'An all-in-one ecommerce platform designed to seamlessly integrate with your business operations.',
              'link' : 'http://darrenbachan.com/playground/zeckoshop/index.html',
              'images': [
                  '/images/zeckoshop/zeckoshop-1.jpg'
              ],
              'tags': [
                  'Web Design',
                  'Web Development'
              ],
              'process-description' : 'An all-in-one ecommerce platform designed to seamlessly integrate with your business operations.',
              'process-wireframes': [
                  '/images/zeckoshop/zeckoshop-1.jpg'
              ]
          },
  
          'diamond-hand-car-wash' : {
              'title' : 'Diamond Hand Car Wash',
              'description' : 'Feeling luxurious is only one car wash away.',
              'link' : 'http://darrenbachan.com/playground/diamond-hand-car-wash/index.html',
              'images': [
                  '/images/diamond-hand-car-wash/diamond-1.jpg'
              ],
              'tags': [
                  'Web Design',
                  'Web Development'
              ],
              'process-description' : 'test',
              'process-wireframes': [
                  '/images/zeckoshop/zeckoshop-1.jpg'
              ]
          },
  
          'edutravel-for-credit' : {
              'title' : 'EduTravel For Credit',
              'description' : 'Innovative travel for credit. Completely engage in your learning through exploration and discovery.',
              'link' : '',
              'images': [
                  '/images/edutravel-for-credit/edu-1.jpg',
                  '/images/edutravel-for-credit/edu-2.jpg',
                  '/images/edutravel-for-credit/edu-3.jpg',
                  '/images/edutravel-for-credit/edu-4.jpg'
              ],
              'tags': [
                  'Web Design',
                  'Newsletter'
              ]
          },
  </code></pre>
  
  <p>Because 'process-description' and 'process-wireframes' aren't on project 'edutravel-for-credit' it creates this error.</p>
  
  <p>The code that pulls this content is:</p>
  
  <pre><code>if($('#process-description').length) {
              $('#process-description').html(projectData['process-description']).show();
          } else {
              $('#process-work').hide();
          }
          $('#process-wireframes').empty('');
  
          $.each(projectData['process-wireframes'], function(item) {
              $('#process-wireframes').append('&lt;div class="project-gallery"&gt;&lt;img src='+projectData['process-wireframes'][item]+' /&gt;&lt;/div&gt;')
          });
  </code></pre>
  
  <p>It spits content into this html:</p>
  
  <pre><code>&lt;div id="process-work"&gt;
      &lt;h2 id="process-title"&gt;Process Work&lt;/h2&gt;
      &lt;p id="process-description"&gt;&lt;/p&gt;
      &lt;div id="process-wireframes"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I literally do not know how to debug this issue and can use any help I can get. Whether it be on here or a skype session or something. I need to display this content desperately.</p>