获取firebase数据库不起作用

Question

我正在建立一个网页，允许公司发布职位和某些人申请这份工作。我已经想出如何允许公司创建作业并将其保存在下面的Jobs子项中的Firebase DB中。现在不起作用的是如何检索作业子项中保存的所有作业并使用它们填充我的作业板。我已经进行了很多试验但是Job Board没有填充数据库条目。我的代码和说明如下，以便更好地澄清。

我的代码

  <article class="col-xs-4">
  <div class="cards"><span class="glyphicon glyphicon-flash icon"></span>
    <hr class="divider"/>
    <h2 class="title" id="jobTitle">Job Title</h2>
    <div class="info">
      <hr class="divider"/>
      <p class="lead" id="jobDescription"><Strong>This is where Job description goes</strong></p><a class="btn btn-lg center-block" onclick="location.href = 'Specialistscard.html';">Specialists</a>
    </div>
  </div>
</article>

function createJobElement() {
   var jobRef = firebase.database().ref().child('Jobs')
   var jobTitle = document.getElementById('jobTitle');
   var jobDescription= document.getElementById('jobDescription');

   firebase.database().ref('Jobs/' + key).on('value',   function(snapshot){

      jobTitle.innerHTML = snapshot.val().JobTitle;

      jobDescription.innerHTML = snapshot.val().JobSummary;

    });
}

function startDatabaseQueries() {
  var recentJobs = firebase.database().ref('Jobs/' + key).orderByKey();
  var jobRef = firebase.database().ref().child('Jobs');
  var fetchJobs = function(jobRef, sectionElement) {
    jobRef.on('child_added', function(data){
      var containerElement = sectionElement.getElementsByClassName('col-xs-4')[0];
      containerElement.insertBefore(createJobElement(data.key, data.val().JobTitle, data.val().JobDescription), containerElement.firstChild);      
    })
  }
  fetchJobs(recentJobs);
 }

我试图按键订购作业条目，并在作业板中填入数据库中的所有作业条目，但页面保持不变。结果如上图所示，控制台中没有显示错误。