Uncaught TypeError: Cannot read property 'length' of undefined - Cannot fix/debug this
<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>