title: hiding an element in javascript array
body: <pre><code>var question= dataQuestions;
  </code></pre>
  
  <p>I am loading <code>dataQuestions</code> which is an array collection.</p>
  
  <p>Next, I am adding another item at position <code>0</code> as following </p>
  
  <pre><code>question.splice(0,0,{"Qid":0,"Answer":null,"Text":""}
  </code></pre>
  
  <p>Now, I call the following function: </p>
  
  <pre><code>function insertData(sQ, question) {
          sQ.kendoDropDownList({
              dataTextField : "Text",
              dataValueField : "Qid",
              dataSource : question
  
          });
      } 
  </code></pre>
  
  <p>So now my dropdown contains few questions like "what is....?", but at position<code>0</code> there will be an empty row.
  I want that empty row to hide or be non-clickable. (based on my click on any other row in the dropdown, some functionality happens).</p>
  
  <p>Any help?</p>